# Update Hyper theme

Keeping your **Hyper theme** up-to-date ensures your store benefits from the latest features, bug fixes, and compatibility improvements.

> The most up-to-date version of the theme is available on Shopify Theme Store. 

{% embed url="<https://themes.shopify.com/themes/hyper/presets/hyper?utm_source=foxecom&utm_medium=help_center_hyper_update_hyper_theme&utm_campaign=cta_buton>" %}

{% hint style="danger" %}
Any **code customizations** in your current theme are **not transferred automatically** to a new theme version.&#x20;

You’ll need to manually duplicate and move custom code to the updated theme.
{% endhint %}

***

## Update the theme automatically ⚙️

{% stepper %}
{% step %}

### Check notifications on Shopify

In your Shopify admin, go to **Online Store** > **Themes**. If a new version of Hyper is available, you’ll see a notification in your theme library.

<figure><img src="/files/k9nwRS7BUvmU8RrMILmw" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Check notifications on Shopify

In your Shopify admin, go to **Online Store** > **Themes**. If a new version of Hyper is available, you’ll see a notification in your theme library.
{% endstep %}

{% step %}

### Review update details

* Click the notification to view more details about the update.
* Select **View release notes** to read what’s new in the release.
  {% endstep %}

{% step %}

### Add to Theme library

Click **Add to theme library** to download and add the updated version of Hyper to your Shopify store.

The updated version will now appear in your theme library, ready to customize and publish.
{% endstep %}
{% endstepper %}

## Troubleshooting: No update notification? 🔍

If you don’t see an update notification, it could be due to **code customizations** conflicting with Shopify’s update system. In this case, you can manually reinstall the theme.

{% hint style="info" %}

1. **Re-Install the Theme**\
   Download the latest version of Hyper from the Shopify Theme Store and upload it to your store (instructions below).
2. **Manually Transfer Customizations**\
   Any custom code or third-party app snippets will need to be re-implemented in the new version.
   {% endhint %}

### Preparing for the update: Create a backup&#x20;

Before updating your theme, always duplicate your current theme to create a **backup**. This ensures you can restore your store if something goes wrong.

{% hint style="success" %}
**Steps:**

1. In your Shopify admi&#x6E;**,** go to **Online store** > **Themes.**
2. Under the Actions dropdown for your current theme, select **Duplicate**.
3. Rename the duplicated file.
   {% endhint %}

### Upload the latest theme version

Once you’ve downloaded the updated Hyper theme from the Shopify Theme Store, upload it to your Shopify store.

{% hint style="success" %}
Once you have the theme file ready, you can upload it to your Shopify store.

**Steps:**

1. From your Shopify dashboard, go to **Online Store**.
2. In the **Theme library**, select **Add theme** > **Upload zip file.**
3. In the Upload theme modal, click **Add file** and select the file you want to upload.
4. Click **Upload file**.
   {% endhint %}

<figure><img src="/files/L1CiZOFeFzV07MeGqybS" alt=""><figcaption></figcaption></figure>

### Move the theme settings and pages

After uploading the new theme, transfer your settings, custom templates, and modifications to the new version.

{% hint style="success" %}
**Steps:**

1. Go to your current theme, click **Actions > Edit code**.
2. Copy the following files from the **old theme** and paste them into the same folders in the **new version**:
   * All edited **JSON files** in the `Templates` folder.
   * The `settings_data.json` file in the `Config` folder.
3. Re-create custom templates (if any).
   {% endhint %}

<figure><img src="/files/U8LG8NEsmucCSVizdpKw" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Files with the green dot are the files you have made changes to.

For custom templates, you'll need to create the JSON template in the new theme files since they won't exist there by default. More details [here](https://help.shopify.com/manual/online-store/themes/theme-structure/templates#create-a-new-template) from Shopify on creating new templates in the theme.
{% endhint %}

### Re-install apps <a href="#h_01f688nf9yn2g76wb9kxarp7e7" id="h_01f688nf9yn2g76wb9kxarp7e7"></a>

Any apps that add code to your theme's files will need to be re-installed. This can be an automatic or manual process depending on the app, so **confirm with the app's developer whether removing and adding the app is enough to connect with the new version.**

Find the app documentation in the [App Store](https://apps.shopify.com/) to follow the installation instructions.&#x20;

If you're unfamiliar with this process, you can go to **Apps >** click **View details** to find the support email for that Shopify app.<br>

***

<figure><img src="/files/6RW1JWuKNf9ovVFLkLXc" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/hyper-theme/getting-started/update-hyper-theme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.