Update from Ella 6.0 to a higher version

Instruction Video

If your store is using from Ella 6.0 version and you would like to update to the latest version, please follow below instruction:

Remember: The instructions below are applied to update the theme without losing default settings in Theme Editor (Not including the customization and app's code). All custom works which were changed in our theme files will not be updated and have to be redone manually.

About the apps you installed, you might need to install them again. We recommend you contact the app provider to have support because we're not able to handle the app's code.

Please duplicate your current theme to avoid issues (if any) when updating the theme.

1. Go to your account on Themeforest to download the latest theme source.

2. Upload the latest theme source into your store.

There are some files that need copying to main your modification in the latest theme source.

01: Update for Theme Settings:

1. Go to the old theme source -> Edit Code -> Open this file settings_data.json and COPY ALL codes.

2. Go to the new theme source which you just installed into your site -> Edit Code -> Open this file settings_data.json, delete and PASTE codes you just copied into this file.

02: Update for Home Page:

1. Go to the old theme source -> Edit Code -> Open this file index.json and COPY ALL codes.

2. Go to the new theme source which you just installed into your site -> Edit Code -> Open this file index.json, delete and PASTE codes you just copied into this file.

03: Update for other Pages:

Repeat the procedure: Copy codes in file from old theme source, go to the corresponding file in new theme source, delete and PASTE codes you just copied for other pages:

• Collection List Page => list-collections.json

• Collection Page => collection.json

• Product Page => product.json

For any other pages you have created yourself, they are not included in the newer theme sources.

To keep the same layout + settings of pages, please go to Edit Code -> Templates -> Search .json to see all files of page template.

Copy codes in file from the old theme source, go to the corresponding file in new theme source, delete and PASTE codes you just copied.

04: Update for Language files:

1. Go to the old theme source -> Edit Code -> Locales

2. Open the file of your languages. Example we are using German, we will open de.json file

3. Copy all codes in the language file from the old theme source and go to the corresponding language file in new theme source, delete and PASTE codes you just copied.

********************

Update Custom CSS + Custom JS

Note:

• This instruction only applies in case you (yourself) make any changes, custom code/ customizations in these 2 files: custom.css or custom.js

• If you make changes not only on these 2 files, but also on other files (such as liquid, Json), you have to do by yourself again.

If you don't make any changes in these 2 files, please skip this instruction below.

Custom CSS

Step 1: Copy CSS from the custom.css file:

1. Select the theme source with previous version before updating.

2. Go to Edit Code -> Open this file custom.css and COPY ALL.

Step 2: Paste CSS to the custom.css file:

1. Select the newest theme source after updating.

2. Go to Edit Code -> Open this file custom.css, delete and PASTE code you just copied into this file.

3. Click Save.

Custom JS

Step 1: Copy JS from the custom.js file:

1. Select the theme source with previous version before updating.

2. Go to Edit Code -> Open this file custom.js and COPY ALL.

Step 2: Paste JS to the custom.js file:

1. Select the newest theme source after updating.

2. Go to Edit Code -> Open this file custom.js, delete and PASTE code you just copied into this file.

3. Click Save.