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.

Still need help? Contact Us Contact Us