HTML, CSS, JS & Twig coding
Your website's theme is comprised of HTML, CSS, JS & Twig coding.
Through your ShopWired account, you can access all of the files that your theme uses and make any changes or additions that you require to achieve your desired design, layout, feature or functionality.
To edit a theme's files, navigate to Website > Themes:
- To edit your live theme's files, select
code editor - To edit a draft theme's files, select
actions > code editor
Theme structure & Twig
Theme structure & Twig
- ShopWired uses Twig, , to render dynamic content to your theme from the data loaded on your ShopWired account
- Read more about Twig
- Your theme's HTML is controlled through a number of , located in various directories within your theme files. Other files used by your theme are also contained within separate directories
- Read more about theme structure
- ShopWired has a range of help guides about the various Twig templates, objects and variables and other aspects of dynamic content on your theme
Images
Images
If you want to add images to your theme files, you can upload them through the code editor.
Once you've uploaded an image, you'll then need to reference it within a Twig template to display it on your website. Read more about uploading image files to themes.
settings.json and theme.json
settings.json and theme.json
Themes use a settings.json and a theme.json file to determine the various customisation options available within the theme when using the theme editor.
If you want to make changes to the customisation options available, you'll need to edit one of these files.
Theme Engine
Theme Engine
Theme Engine is a cross-platform application developed by ShopWired for users making large changes to themes who want to work on theme files locally.
If you're making a lot of changes to your theme files, ShopWired recommends using Theme Engine to work on theme files locally and automatically syncing file changes to your ShopWired theme. Read more about Theme Engine.
Theme Support
Theme Support
ShopWired's support team can provide assistance with:
- How to customise your theme
- How to edit your theme files
- How to use ShopWired's help guides to discover ShopWired relevant information such as about Twig objects
For assistance, contact theme support.
