Update Theme
To know what has been updated for our theme, please read change log.
If your store is using Ella 5.1 or less and want to use Ella 6.0 or higher, you need to build your website again as using a new theme. We spent 1 year to build Ella 6.0, everything is built from scratch so hope you can understand for our difficulty and set up Ella 6.0 for your store.
  1. 1.
    Download Ella 6.0 and upload into your store.
  2. 2.
    Follow our instructions in this documentation to set up theme again
  3. 3.
    Re-install apps if you need
  4. 4.
    Re-do custom works if there are any old custom works you want to replicate on Ella 6.0
If your store is using from Ella 6.0 version and you would like to update to the newest theme source. 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.
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. 1.
    Go to your account on Themeforest to download the newest theme source.
  2. 2.
    Upload the newest theme source into your store.
There are below theme files you need to copy from the old theme source into the new theme source to keep your modifications.
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.
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:
Do the same above instruction: 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
If there is any pages you have created and set up layouts in the old theme source, when you update to new theme source, it will refresh and will not exist on new theme source.
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 make any custom code/ customizations in 2 files: custom.css or custom.js
If you don't make any changes in these 2 files, please skip this instruction.
If you are using Custom CSS or Custom JS which you created in the custom.css file and custom.js file for your customization works, please follow instructions to update your custom works without losing them when you update theme:
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.
Copy link