# Update Theme 🔔

## <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:

* Halo 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.&#x20;
  {% 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 of custom work which was 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.
{% endhint %}

To know what has been updated for our theme, please go to [this link](https://halosoft.gitbook.io/halo-docs/changelog).

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

If your store is using from **Halo 1.0.0 version** and you would like to update to newest theme source to have all of new features or new layouts. Please follow below instruction:

{% hint style="success" %}
We highly recommend you duplicate your current theme to avoid issues (if any) when updating the theme.
{% endhint %}

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

1. Go to **Themeforest** to download the latest source.
2. Go to <mark style="color:red;">the old theme source</mark> -> **Edit Code** **->** Open this file **settings\_data.json** and **COPY ALL** codes.
3. Go to <mark style="color:red;">the new theme source</mark> 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.**
4. You can repeat the process outlined above to convert all of the sections in your theme (Home Page, Collection Page,...).

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FpDcFcMAJNFDqJ3Un16qg%2Fdownload-json.gif?alt=media\&token=82042d7c-955d-4261-9974-7bef1229c3de)

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2Fe4lpPxu4V5bq1X8kGrYt%2Fvideo-2.gif?alt=media\&token=fe2c5275-4b47-4c90-96a7-cad9acdc758b)

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

1. Go to **Themeforest** to download the latest source.
2. Go to <mark style="color:red;">the old theme source</mark> -> **Edit Code** **->** Open this file **index.json** and **COPY ALL** codes.
3. Go to <mark style="color:red;">the new theme source</mark> which you just installed into your site -> **Edit Code** **->** Open this file **index.json**, **delete and PASTE codes you just copied into this file.**
4. You can repeat the process outlined above to convert all of the sections in your theme (Home Page, Collection Page,...).

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

{% hint style="info" %}
From Halo versions 1.0.0 to less than 1.5.0, skip this instruction as the header-group.json does not exist in your current theme source. [Follow the alternative instruction](https://halosoft.gitbook.io/halo-docs/header/header-for-desktop) to set up the header.

From Halo 1.5.0 to the latest version, we have updated the Header to Header Group. Follow the instruction below to maintain the same header layout in the newest theme source.
{% endhint %}

1. Go to <mark style="color:red;">the old theme source</mark> -> **Edit Code** **->** Open this file **header-group.json** 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 **header-group.json**, **delete and PASTE codes you just copied into this file.**

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

{% hint style="info" %}
From Halo versions 1.0.0 to less than 1.5.0, skip this instruction as the footer-group.json does not exist in your current theme source. [Follow the alternative instruction](https://halosoft.gitbook.io/halo-docs/footer/footer) to set up the header.

From Halo 1.5.0 to the latest version, we have updated the Footer to Footer Group. Follow the instruction below to maintain the same header layout in the newest theme source.
{% endhint %}

1. Go to <mark style="color:red;">the old theme source</mark> -> **Edit Code** **->** Open this file **footer-group.json** 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 **footer-group.json**, **delete and PASTE codes you just copied into this file.**

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

{% 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>
* 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.&#x20;

**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://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FAuGBJ8bhVK4QHTtFvObz%2Fimage.png?alt=media&#x26;token=8bd62a17-0de7-4426-8578-6cf1c831be4c" alt=""><figcaption></figcaption></figure>

### <mark style="color:red;">06: Update Custom CSS</mark>

After updating the theme, if your store is using Custom CSS in the custom.css file, please follow instructions below:

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

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

## Theme Update Service:

{% embed url="<https://halothemes.net/pages/update-service>" %}
Click to order service
{% endembed %}

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