Links
Comment on page

Install Theme

Refer our video for full instruction:

Instruction Video
Below is a detailed instruction on how to install the Ella Shopify theme for your store. Halothemes also offers Professional Installation Services for your store if you prefer assistance with the installation process.

Preparing Theme Package

Remember: The package you download from Envato contains:
  • Ella Shopify 6.0
  • Child themes (will be removed when all child themes are added into Ella 6.0)
  • PSD file: We only provide PSD file of Ella default homepage
  1. 1.
    Download the package from themeforest.net (the package is in zip format).
  2. 2.
    Unzip the package you've just downloaded.
  3. 3.
    Find this file: ella-6.5.3-theme-source.zip in the folder Ella Shopify 6.0, then you just need to upload ella-6.5.3-theme-source.zip file to your Shopify store.
If you want to install child theme, please go to the corresponding theme folder of child theme.

Step 1: Upload Theme Source

To install the theme:
  1. 1.
    Please log in to your Shopify store, click Online Store.
  2. 2.
    At Theme Library, click Add theme, choose Upload zip file.
  3. 3.
    The Upload Theme dialog displays. Click Add File or drop file to upload to select the .zip file you want to upload.
  4. 4.
    Click Upload file.
  5. 5.
    Wait until the uploading process finishes. Then click Publish button to active the source to be live.

Step 2: Upload Settings Data For Home Page

To set up data for Home Page Layouts, please follow below instruction:
  1. 1.
    Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.
  2. 2.
    SELECT ALL and COPY.
  3. 3.
    From your Shopify admin, go to Themes -> Actions -> Edit Code.
  1. 4.
    Find folder Templates -> Open file index.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file.

Step 3: Upload Settings Data For Theme Settings

To set up the same data for Theme Settings, please follow below instruction:
  1. 1.
    Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.
  2. 2.
    SELECT ALL and COPY.
  3. 3.
    From your Shopify admin, go to Themes -> Actions -> Edit Code.
  1. 4.
    Find folder Config -> Open file settings_data.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file.

Step 4: Upload Settings For Header

To set up data for Header Layouts, please follow below instruction:
  1. 1.
    Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.
  2. 2.
    SELECT ALL and COPY.
  3. 3.
    From your Shopify admin, go to Themes -> Actions -> Edit Code.
  1. 4.
    Find folder Sections -> Open file header-group.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file.
This step is used from version 6.5.0
To set up data for Footer Layouts, please follow below instruction:
  1. 1.
    Click the file to download the corresponding "json" of the layout you want to open the data on a new tab.
  2. 2.
    SELECT ALL and COPY.
  3. 3.
    From your Shopify admin, go to Themes -> Actions -> Edit Code.
  1. 4.
    Find folder Sections -> Open file footer-group.json -> SELECT ALL and DELETE then PASTE the copied preset from the external file.
This step is used from version 6.5.0

Preset For Home Page

Home Pages
Json (with .json format)
Json (with .json format)
Json (with .json format)
Json (with .json format)
index-1.json
settings-data-1.json
header-group-1.json
footer-group-1.json
index-2.json
settings-data-2.json
header-group-2.json
footer-group-2.json
index-3.json
settings-data-3.json
header-group-3.json
footer-group-3.json
index-4.json
settings-data-4.json
header-group-4.json
footer-group-4.json
index-5.json
settings-data-5.json
header-group-5.json
footer-group-5.json
index-6.json
settings-data-6.json
header-group-6.json
footer-group-6.json
index-7.json
settings-data-7.json
header-group-7.json
footer-group-7.json
index-8.json
settings-data-8.json
header-group-8.json
footer-group-8.json
index-9.json
settings-data-9.json
header-group-9.json
footer-group-9.json
index-10.json
settings-data-10.json
header-group-10.json
footer-group-10.json
index-11.json
settings-data-11.json
header-group-11.json
footer-group-11.json
index-12.json
settings-data-12.json
header-group-12.json
footer-group-12.json
index-13.json
settings-data-13.json
header-group-13.json
footer-group-13.json
index-14.json
settings-data-14.json
header-group-14.json
footer-group-14.json
index-15.json
settings-data-15.json
header-group-15.json
footer-group-15.json
index-16.json
settings-data-16.json
header-group-16.json
footer-group-16.json
index-17.json
settings-data-17.json
header-group-17.json
footer-group-17.json
index-18.json
settings-data-18.json
header-group-18.json
footer-group-18.json
index-19.json
settings-data-19.json
header-group-19.json
footer-group-19.json
index-20.json
settings-data-20.json
header-group-20.json
footer-group-20.json
index-21.json
settings-data-21.json
header-group-21.json
footer-group-21.json
index-22.json
settings-data-22.json
header-group-22.json
footer-group-22.json
index-23.json
settings-data-23.json
header-group-23.json
footer-group-23.json
index-24.json
settings-data-24.json
header-group-24.json
footer-group-24.json
index-25.json
settings-data-25.json
header-group-25.json
footer-group-25.json
index-26.json
settings-data-26.json
header-group-26.json
footer-group-26.json
index-27.json
setting-data-27.json
header-group-27.json
footer-group-27.json