We will be on holiday from September 1st to September 3rd. Sorry for the inconvenience. See Detail  

Header background

How to Update the theme?

Mie Tran

Written by Mie Tran

Last updated

1600 views

On this page


Every time there is a new update, we will release it on Theme Forest and will send an email to our customers. Similar to Install theme, you will also follow the same steps to upload the latest theme.

Firstly, go to ThemeForest to download the latest version of the theme: https://themeforest.net/downloads. Then you must extract the download package and follow this guide to install the new theme to your store.

Important note:

Updating the theme will retain the settings and data from the old version to the new one. However, the customized code and apps are not. After updating, you need to rebuild the custom code and integrate the apps again to the new theme.

You can follow all the steps below to update theme:

1. Move the theme configuration

Please follow the steps below to move the theme configuration:

Step 1: Open the old theme. Click Theme actions -> Edit code -> Open settings_data.json file -> Copy the entire code on this file.

Then paste it into the same file of the new theme.

Step 2: Move index.json file. You can do the same as you did with settings_data.json file.

Step 3: You also need to copy all the .json files with a green dot in Templates folder. These are changed files and you will paste them to the new theme.

This step will move the settings and data of other pages: product, collection, blog, etc... to the new theme.

Screenshot_1.png

2. Move the translation file

If your store Multilingual Languages and you configured the translation files. You can copy it to the new store, please follow the steps below.

Step 1: Open the old theme version. Click Edit code -> Open the Locales folder. Opening the language file you are using and copy the translation file.

Step 2: Open Edit code -> Locales Folder and then Add a new locale with the language you copied it. You will paste it into the locale file.

3. Move the Custom Color

If you updated the Swatch color, Label menu color, and Label product custom in the Custom color.

custom color.gif

To update elements into the new theme, you will access: Edit code -> Find colors.css -> Copy code from the old theme and then paste it into the new theme.

4. Move custom templates

If you have some extra templates like: product template, collection template, etc... (NOT the 'Default template') that you created in the old theme before.

For example, if you have a custom product template, please follow steps:

  • From the old version > find the template file and open it

  • From the new version > go to Edit code > 'Templates' folder > create a new template with the same type and file name as your old template. (Choose JSON type)

  • Copy template code from the old version to the new one > SAVE

You can follow the video below, it is an example of 'Product template'. But it will be similar to other templates too.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We uses cookies to ensure you get the best experience on our website.