# Update from Ella 7.0 to a higher version

## Update from Ella 7.0 to a higher version

## <mark style="color:blue;">Things to know before you update the theme:</mark>

{% hint style="info" %}
The Logic of Updating a theme in Shopify platform:

* Ella is the same as any other Shopify themes in Shopify platform. That is when a new update version released, it will be a core theme source, independent from the previous ones you are using. Thus, your changes on the previous versions will not be included in the update.
* To update the theme to the latest version, you can follow our next instructions. We will guide you how to update theme and help you save your settings.
* Any custom works/ customizations/ changes which are not available from theme core default will be lost and needs customization from the starting point.
  {% endhint %}

{% hint style="info" %}
**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&#x20;**<mark style="color:red;">**will not be updated**</mark>**&#x20;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.
{% endhint %}

## <mark style="color:blue;">Starting your update:</mark>

<mark style="color:red;">If your store is using from</mark> <mark style="color:red;">**Ella 7.0 version**</mark> and you would like to update to the latest version, please follow below instruction:

{% hint style="info" %}
You should duplicate your current theme to avoid issues (if any) when updating the theme.
{% endhint %}

1. Download the package from [themeforest.net](https://1.envato.market/dokaB2) (the package is in zip format)
2. Unzip the package you've just downloaded.
3. Find this file: <mark style="color:red;">**ella-7.x.x-theme-source.zip**</mark> in the folder **Ella Shopify 7.0**, then you just need to upload <mark style="color:red;">**ella-7.x.x-theme-source.zip**</mark> file to your Shopify store.

**There are some files that need to be copied to maintain your modifications in the latest theme source:**

### <mark style="color:red;">**01: Update for Theme Settings:**</mark>

1. Go to <mark style="color:red;">the old theme source</mark> → **Edit code** → Open this file <mark style="color:orange;">**settings\_data.json**</mark> and **COPY ALL** codes.
2. Go to <mark style="color:red;">the new theme source</mark> which you just installed into your site → **Edit code** → Open this file <mark style="color:orange;">**settings\_data.json**</mark>, **delete and PASTE codes you just copied into this file.**

{% hint style="warning" %}

#### **Note:**

### ⚠️ Important Notice When Updating Theme Versions

If you are updating from an older theme version (e.g., **7.0.0**) to a newer release (e.g., **7.0.1**), please read the following carefully:

#### Why This Matters

Theme updates may include changes to the **settings structure**. Because of this, **copying the entire JSON settings file (\*.json) from an older version to a newer one can cause errors**, such as:

* Missing or broken sections
* Layout inconsistencies
* “Invalid settings type” or similar errors
* The theme failing to load or rendering incorrectly

#### 📩 Need Help?

If you run into issues or are unsure how to proceed, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.\
We’re here to ensure your theme update goes smoothly.
{% endhint %}

### <mark style="color:red;">**02: Update for Home Page:**</mark>

1. Go to <mark style="color:red;">the old theme source</mark> → **Edit code** → Open this file <mark style="color:orange;">**index.json**</mark> and **COPY ALL** codes.
2. Go to <mark style="color:red;">the new theme source</mark> which you just installed into your site → **Edit code** → Open this file <mark style="color:orange;">**index.json**</mark>, **delete and PASTE codes you just copied into this file.**

{% hint style="warning" %}

#### **Note:**

### ⚠️ Important Notice When Updating Theme Versions

If you are updating from an older theme version (e.g., **7.0.0**) to a newer release (e.g., **7.0.1**), please read the following carefully:

#### Why This Matters

Theme updates may include changes to the **settings structure**. Because of this, **copying the entire JSON settings file (\*.json) from an older version to a newer one can cause errors**, such as:

* Missing or broken sections
* Layout inconsistencies
* “Invalid settings type” or similar errors
* The theme failing to load or rendering incorrectly

#### 📩 Need Help?

If you run into issues or are unsure how to proceed, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.\
We’re here to ensure your theme update goes smoothly.
{% endhint %}

### <mark style="color:red;">**03: Update for Header:**</mark>

1. Go to <mark style="color:red;">the old theme source</mark> → **Edit Code** → Open this file <mark style="color:orange;">**header-group.json**</mark> and **COPY ALL** codes.
2. Go to <mark style="color:red;">the new theme source</mark> which you just installed into your site → **Edit Code** → Open this file <mark style="color:orange;">**header-group.json**</mark>, **delete and PASTE codes you just copied into this file.**

{% hint style="warning" %}

#### **Note:**

### ⚠️ Important Notice When Updating Theme Versions

If you are updating from an older theme version (e.g., **7.0.0**) to a newer release (e.g., **7.0.1**), please read the following carefully:

#### Why This Matters

Theme updates may include changes to the **settings structure**. Because of this, **copying the entire JSON settings file (\*.json) from an older version to a newer one can cause errors**, such as:

* Missing or broken sections
* Layout inconsistencies
* “Invalid settings type” or similar errors
* The theme failing to load or rendering incorrectly

#### 📩 Need Help?

If you run into issues or are unsure how to proceed, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.\
We’re here to ensure your theme update goes smoothly.
{% endhint %}

### <mark style="color:red;">**04: Update for Footer:**</mark>

1. Go to <mark style="color:red;">the old theme source</mark> → **Edit Code** → Open this file <mark style="color:orange;">**footer-group.json**</mark> and **COPY ALL** codes.
2. Go to <mark style="color:red;">the new theme source</mark> which you just installed into your site → **Edit Code** → Open this file <mark style="color:orange;">**footer-group.json**</mark>, **delete and PASTE codes you just copied into this file.**

{% hint style="warning" %}

#### **Note:**

### ⚠️ Important Notice When Updating Theme Versions

If you are updating from an older theme version (e.g., **7.0.0**) to a newer release (e.g., **7.0.1**), please read the following carefully:

#### Why This Matters

Theme updates may include changes to the **settings structure**. Because of this, **copying the entire JSON settings file (\*.json) from an older version to a newer one can cause errors**, such as:

* Missing or broken sections
* Layout inconsistencies
* “Invalid settings type” or similar errors
* The theme failing to load or rendering incorrectly

#### 📩 Need Help?

If you run into issues or are unsure how to proceed, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.\
We’re here to ensure your theme update goes smoothly.
{% endhint %}

### <mark style="color:red;">**05: Update for other Pages:**</mark>

{% hint style="info" %}
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 => <mark style="color:blue;">**list-collections.json**</mark>
* Collection Page => <mark style="color:blue;">**collection.json**</mark>
* Product Page => <mark style="color:blue;">**product.json**</mark>
* Popup group => <mark style="color:blue;">**popup-group.json**</mark>
* General group => <mark style="color:blue;">**general-group.json**</mark>
* Blog Page => <mark style="color:blue;">**blog.json**</mark>
* Blog Detail Page => <mark style="color:blue;">**article.json**</mark>
* For Inner pages such as: About us, Contact us... => Search "<mark style="color:blue;">**page.template**</mark>" to see the corresponding files
  {% endhint %}

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.**

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F9tkpgPEhvPZVrgSlLXaZ%2Fimage.png?alt=media&#x26;token=27f09906-5744-4d9f-b78f-9e46ab130666" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

#### **Note:**

### ⚠️ Important Notice When Updating Theme Versions

If you are updating from an older theme version (e.g., **7.0.0**) to a newer release (e.g., **7.0.1**), please read the following carefully:

#### Why This Matters

Theme updates may include changes to the **settings structure**. Because of this, **copying the entire JSON settings file (\*.json) from an older version to a newer one can cause errors**, such as:

* Missing or broken sections
* Layout inconsistencies
* “Invalid settings type” or similar errors
* The theme failing to load or rendering incorrectly

#### 📩 Need Help?

If you run into issues or are unsure how to proceed, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.\
We’re here to ensure your theme update goes smoothly.
{% endhint %}

### <mark style="color:red;">**06: Update for Language files:**</mark>

1. Go to <mark style="color:red;">the old theme source</mark> → **Edit code** → **Locales**

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FLv53MD4Q6iGhvR6gqDPh%2Fimage.png?alt=media&#x26;token=6338bda2-3640-4096-9b38-62f9e0d6871d" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FCelzo4XeenzJkziJWFhZ%2Fimage.png?alt=media&#x26;token=836318bb-9d99-4064-93b5-004eba6a64bf" alt=""><figcaption></figcaption></figure>

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.**

{% hint style="warning" %}

#### **Note:**

### ⚠️ Important Notice When Updating Theme Versions

If you are updating from an older theme version (e.g., **7.0.0**) to a newer release (e.g., **7.0.1**), please read the following carefully:

#### Why This Matters

Theme updates may include changes to the **settings structure**. Because of this, **copying the entire JSON settings file (\*.json) from an older version to a newer one can cause errors**, such as:

* Missing or broken sections
* Layout inconsistencies
* “Invalid settings type” or similar errors
* The theme failing to load or rendering incorrectly

#### 📩 Need Help?

If you run into issues or are unsure how to proceed, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.\
We’re here to ensure your theme update goes smoothly.
{% endhint %}

### <mark style="color:red;">07: Update Custom CSS + Custom JS</mark>

{% hint style="danger" %}
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.**
{% endhint %}

<mark style="color:red;">**01: Custom CSS**</mark>

**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.**

<mark style="color:red;">**02: Custom JS**</mark>

**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.**

**\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\***

### <mark style="color:blue;">Theme Update Service:</mark>

{% embed url="<https://halothemes.net/collections/shopify-themes/products/ella-theme-update-service>" %}

In the event that your extensively modified or customized theme requires professional intervention, our expert team is at your service. We provide solutions to ensure the continuous optimization, updating, and safeguarding of your themes.

With an average of 10 annual releases, updating your theme to the latest version is pivotal to harnessing Shopify's latest features, bolstering security, and addressing bugs.

**Our Services Include:**

* Updating your theme source to the latest version.
* Preserving your settings and setup within the theme.
* Keeping your custom code modifications from the previous theme source (need our separate estimation).
* Assisting in the reinstallation of apps for seamless integration.

[**Contact us**](https://halosoft.ticksy.com/) and share your detailed requirements. Our expert team will get back to you asap.

***

## Need More Help?

If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.

Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.

<div align="left"><figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F6DSdaXqNMMBSOZPU97FQ%2FQR-halothemes-community.png?alt=media&#x26;token=613e73d0-0a18-4598-934c-e5048806f533" alt="Halothemes Community" width="233"><figcaption></figcaption></figure></div>

<a href="https://www.facebook.com/groups/halothemescommunity" class="button primary" data-icon="comment-dots">Join HaloThemes Community</a>