The theme editor
You can use the theme editor to customise the design and functionality of your theme to suit your business.
Within the theme editor you can:
- Preview your theme with the changes you apply (without affecting the live theme)
- As long as you don't save your changes
- Make changes to various settings that determine:
- Content that displays on your website
- How certain features on your website work
- Whether certain available features are active
- Add, remove or rearrange content
- Available for Version 5 themes
The theme editor works using the settings that are defined in the theme files. If the theme editor doesn't include options for the changes you want to make, you can edit your theme code or contact theme support. Read more.
Launching the theme editor
To launch the theme editor, navigate to Website > Themes:
- For your live theme, select
customise your theme - For a draft theme, select
actions > customise this theme
Theme editor settings (Version 5 themes)
Theme editor settings (Version 5 themes)
For Version 5 themes, the settings you can use within the theme editor are split into the following areas:
| Setting type | Applicable page(s) | Description | Example settings |
|---|---|---|---|
| Theme settings | Available on all pages | Theme settings will generally apply changes to every page of your website | Changing your theme's width Changing the fonts your theme uses Customising colours |
| Page colour scheme | Available on all pages | If your theme uses the colour schemes functionality, use this setting to set the colour scheme used by the page currently displayed in the theme editor | Customising colours |
| Header | Available on all pages | Header settings apply changes to the header on every page of your website | Your website's logo Your header menu(s) Customise any text displayed in the header Font sizes |
| Page settings | Specific to the page | Page settings allow you to customise settings related to the page currently displayed in the theme editor | Text specific to the page Button text Font sizes |
| Sections | Specific to the page | The sections feature allows you to adjust the content and layout on website pages | Add a hero image slider section to your website's home page |
| Footer | Available on all pages | Footer settings apply changes to the footer on every page of your website | Your website's social media icons Your footer menu(s) Customise any text displayed in the footer Font sizes |
Version 4 themes
Version 4 themes
If you are using a Version 4 or earlier theme version, all of the available settings for all pages are contained in the theme editor, irrespective of the page you are currently viewing in the live preview.
The range of customisation options in Version 4 themes is much less than in Version 5 themes, and Version 4 themes do not use ShopWired's section & block feature that allows you to customise the content on website pages.
If you're currently using a Version 4 or earlier theme, ShopWired recommends upgrading to a Version 5 theme. Contact theme support for assistance in moving to a Version 5 theme.
