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.
Errors During the Update
Step 1: Copy the number in quotations and use CTRL + F or Command + F to find it in your settings_data.json file.
Step 2: Select the entire bit of code between line 186 and 191 as well as the coma from line 185 as shown below and delete it.
You will also need to delete the code from line 195 from the screenshot above as well as the come from line 194.
Once that is done, repeat the process for the rest of the numbers in the error message. You can click on Save after each line is deleted to see if the error message is removed and once all of the excess code has been removed it will just save normally and the settings will be transferred over.
Although replacing the contents of the settings_data.json file may be a faster way to reapply your theme settings, it may not work between versions too far apart or if you have modified the schema file.
Contact support if you experience complications
If you have any questions about updating between versions, feel free to contact our support.