Appearance
Templates β
Templates are a collection of sections configured to provide your store with a consistent look and feel. In the theme editor, you can see which templates are applied to which pages and customize them to adjust the information displayed to your customers.
WARNING
- Deleting, renaming, or editing theme files can cause your theme to stop working.
- Always create a backup of your theme before making any changes in the code editor.
- Weβre not responsible for any issues that may occur from editing theme files and cannot assist if something breaks.
- Use your backup to restore your theme if anything goes wrong.
Edit β
IMPORTANT
When you edit a template, the changes apply to all pages that use that template.
Example: Adding a newsletter signup form to the default collection template means every collection page using that template will display the signup form.
If needed, follow the steps in Revert template to undo the changes.
Create β
To display certain pages differently, create a new template based on an existing one. The new template will inherit the same sections, which you can edit without impacting the original template.
- From your Shopify admin, go to
Online Store β Themes - Click Edit theme
- In the Home page dropdown (top-center), select
Pages - Click (+) Create template
- Enter a name for your new template.
- Select the template you want your new template to be based on.
- Click Create template
Revert files β
If you've edited a template (e.g. page) and now all pages show the same content, you can restore the original template.
Code editor β
IMPORTANT
Create a backup of your theme before making any changes.
- From your Shopify admin, go to
Online Store β Themes - Locate your current instance of Etheryx, click β’β’β’ and then click Edit code
- In the code editor, locate the
templatesfolder, and open it - Scroll through the list until you see the template file that you want to revert
(e.g.page.json,collection.json,product.json) - Open the file, and scroll down (bottom-left) and open the
Timelinetab. - Scroll through the list until you see
Original, right-click it, then click Restore contents - Click Save (top-right of the page)
This will reset the template to its original state, fixing any layout issues caused by recent edits.
πΌοΈ Screenshot

WARNING
If you've updated or duplicated your theme, Shopify wonβt retain file history in the Timeline tab for the new version. This is why the Timeline tab may appear empty.
Theme editor β
If the Timeline tab is empty because you've updated your theme, try these steps instead.
- From your Shopify admin, go to
Online Store β Themes - Click Edit theme
- In the Home page dropdown (top-center), select the page type you want to revert
(e.g.,Pages,Collections,Products) - In the left sidebar, find the Template area you want to revert
- Remove all sectionsΒ from the Template area by hovering over each section and clicking theΒ trash icon, or right-clicking and Remove
- Repeat until only the main template section remains (it cannot be removed)
- Click Save
This will remove all the extra content appearing on all pages and effectively revert the template to its original state.
Rename β
WARNING
Editing a template file can cause issues with your online store.
IMPORTANT
Create a backup of your theme before making any changes.
IMPORTANT
Weβre not responsible for any issues that may occur from editing theme files.
- From your Shopify admin, go to
Online Store β Themes - Locate your current instance of Etheryx, click β’β’β’ and then click Edit code
- In the code editor, locate the
templatesfolder - Scroll through the list until you see the template that you want to rename
- Right-click it, then click Rename...
- Enter a new template name
- Click Save (top-right of the page)
Delete β
WARNING
Deleting a file is permanent and cannot be undone.
IMPORTANT
Create a backup of your theme before deleting any files.
IMPORTANT
Weβre not responsible for any issues that may occur from deleting theme files.
To delete a template, you need to use the code editor.
- From your Shopify admin, go to
Online Store β Themes - Locate Etheryx, click β’β’β’ and then click Edit code
- In the code editor, locate the
templatesfolder - Scroll through the list until you see the template that you want to delete
- Right-click it, then click Delete Permanently
- In the pop-up that appears, click Delete
- Click Save (top-right of the page)
NOTE
If any resources (e.g., pages or products) were assigned to the deleted template, they will automatically use the default template until you assign a different one.
Assign β
Theme editor β
- From the left bar click Change
- Select the page you want to assign the new template to
- Click Save
Admin area β
If the first option for assigning the page fails, try this one instead.
- From Shopify admin, go to
Online Store β Pages - Open the desired page
- Locate the
Online storeblock and select a template from your current themeβs dropdown list to define how the page is displayed - Click Save
Assign in Bulk β
You can use the Bulk editor to apply a new template to multiple products or collections at once.
From your Shopify admin, go to
ProductsSelect the products you want to edit using one of the following methods:
- Select individual products: Click the checkbox next to each product.
- Select a range of products: Click the first product, hold the Shift key, then click the last product. This selects all products in between.
- Select all products on the current page: Click the checkbox at the top of the product list.
- Select all products in your store: Click the checkbox at the top, then click Select all in this store.
Click Bulk edit
In the Bulk editor, click the Columns drop-down menu and select Template from the General section.
Click the first field in the Template column, then hold the Shift key and click the last field in that column. A blue highlight will appear around the selected items.
Click the first selected field, choose the new template from the drop-down menu,
Click Save
Access unpublished templates β
Shopify limits the templates in the admin to those included in your published theme. Often times youβll require access to templates in an unpublished theme but you are not ready to publish the new theme to unlock them. To address this, we suggest completing this workaround.
WARNING
Before continuing with this guide, make sure you have purchased Etheryx
Step β - Confirm template name β
- From your Shopify admin, go to
Online Store β Themes - Locate Etheryx, then click β’β’β’ β Edit code
- Under Templates, find the template you want to make accessible
(e.g.,page.about.json)NOTE
No changes are needed here; simply note the template name for the next step.
Step β‘ - Create custom template in published theme β
From your Shopify admin, go to Online Store β Themes
Next to your published theme (e.g., Horizon, Dawn), click β’β’β’ β Edit code
In the left sidebar, open the Templates folder, then click the New file... icon (at the top)
WARNING
Make sure youβre inside the Templates folder, otherwise the editor will show
FileSaveError: Theme file '...' is invalid.errorFor File name, enter the custom template name you noted in Step β
(e.g.page.about.json)IMPORTANT
The name must exactly match the template name from the unpublished theme.
Click Save (top-right of the page)
Step β’ - Confirm template is accessible β
- From your Shopify admin, go to
Online Store β Pages - Open the page you want to associate with the template
(e.g.About us) - On the right side, in the Theme template dropdown, select the custom template name (e.g.
about) - Click Save
External links