Links

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.

Fixing errors when updating Ella Shopify Theme to Ella 6.5.0

Some errors can appear when copying the code from Ella old version to paste into the newest version 6.5.0 because of header and footer in section groups. In the past, header and footer are included in index.json file but now it is not and we also made change in the settings of theme settings in this file: settings_data.json so copying from the old version can appear errors. Don’t worry we offer free support for this if you cannot handle.
Please duplicate your current theme to avoid issues (if any) when updating the theme.
  1. 1.
    Go to your account on Themeforest to download the latest theme source.
  2. 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. 1.
    Go to the old theme source -> Edit Code -> Open this file settings_data.json and COPY ALL codes.
  2. 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.
At this step, you can get some errors, follow this video to fix: https://youtu.be/zM4oGyxOSDs (Read our video description for the explanation about why the errors appear when updating to version 6.5.0) Our support team is available to support you if you need our help: https://halosoft.ticksy.com/
02: Update for Home Page:
  1. 1.
    Go to the old theme source -> Edit Code -> Open this file index.json and COPY ALL codes.
  2. 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. 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. 1.
    Select the theme source with previous version before updating.
  2. 2.
    Go to Edit Code -> Open this file custom.css and COPY ALL.
Step 2: Paste CSS to the custom.css file:
  1. 1.
    Select the newest theme source after updating.
  2. 2.
    Go to Edit Code -> Open this file custom.css, delete and PASTE code you just copied into this file.
  3. 3.
    Click Save.
Custom JS
Step 1: Copy JS from the custom.js file:
  1. 1.
    Select the theme source with previous version before updating.
  2. 2.
    Go to Edit Code -> Open this file custom.js and COPY ALL.
Step 2: Paste JS to the custom.js file:
  1. 1.
    Select the newest theme source after updating.
  2. 2.
    Go to Edit Code -> Open this file custom.js, delete and PASTE code you just copied into this file.
  3. 3.
    Click Save.