Updating your theme
Keeping your theme updated ensures that you enjoy the latest Shopify and theme features as well as fixes to the any identified bugs.
Updating the theme is a manual process, standard for all Shopify platform themes. Below are the steps to update the theme:
Step 1: Create a backup to the current theme
You can do this by duplicating the current theme:
- Go to Online Store > Themes
- From the active theme, click Actions > Duplicate.
The duplicate copy will be named as “Copy of…”.
Step 2: Download the latest theme version
Access the Shopify Theme Store and ensure that you log in with the account that you originally purchased the theme with.
If you are logged in and you notice that you see the options "Try theme" and "Buy theme", that means that you are not logged in using the account you used to purchase the theme. You will need to log out and log in using the account that you used to purchase the theme.
You can then re-download the theme from the theme store and install it as an unpublished theme.
Step 3: Transfer your theme settings
i) From the active theme, select Actions > Edit Code
ii) From the config section, open the settings_data.json file
iii) Copy all the code from the file
iv) Use Command-A (Mac) or Control-A (Win) to select all and then Command-C (Mac) or Control-C (Win) to copy all the selected code
v) Open the settings_data.json file within the updated theme
vi) Delete all content within the file
vii) Paste all the selected code to the settings_data.json file within the updated theme and save your changes
Step 4: Preview your theme
You will notice that all your home page sections and settings will be transferred to the new copy of the theme.
Step 5: Transfer any custom code (optional)
If you previously had any custom CSS overrides, you can opt to transfer them to the new copy of the theme:
i) Access the style.scss.liquid file or theme.scss.liquid file within the Assets folder, depending on your theme version
ii) Copy any custom code you may have added
iii) Paste the codes towards the bottom of the theme.scss.liquid file of the new theme
Make sure that you do not copy all the CSS from the old theme to the new theme; that will break your theme. Only copy the overrides that you might have added (if they are still needed).
Custom code changes to files that you've done or a developer has done for you will have to be manually added back into your theme. You can use the old theme as a reference point.
Step 6: Publish the theme
You can then publish the theme from the themes list in the Actions menu.