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.

Still need help? Contact Us Contact Us