# Update Minimog theme

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGeIkBQFI4LGjyGqhvlet%2Flivechat883x471%20(1).png?alt=media&#x26;token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>

In this article, we will guide you on how to **update the theme in 2 ways:**

* [**automatically** by using FoxHome](#update-minimog-theme-automatically)
* [**manually**](#update-minimog-theme-manually)

{% hint style="warning" %}
All customization and third-party app code will not be kept in the updated theme version.&#x20;

Please save the customization code and move it to the updated theme version yourself.

For app integration, we suggest you contact the app providers to help you.
{% endhint %}

{% hint style="info" %}
The [Section groups](https://docs.foxecom.com/minimog-theme/faqs/shopify-functions/does-minimog-support-section-groups) feature is available from Minimog version 3.4.0 and above.&#x20;

If your current theme version is older, make sure you **migrate data for this feature** **after** **updating the theme**.&#x20;

Learn how: [migrate-data-in-the-section-groups-supported-version](https://docs.foxecom.com/minimog-theme/faqs/shopify-functions/migrate-data-in-the-section-groups-supported-version "mention")
{% endhint %}

{% hint style="info" %}
Due to the discontinuation of [Meta’s Instagram Basic Display API](https://developers.facebook.com/blog/post/2024/09/04/update-on-instagram-basic-display-api/), the Instagram section is removed from version 5.6.0.&#x20;

**If you were using this section on the older version, remove the section from the pages before updating**.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FDXFZkBVfy6y6AiTIDZGT%2Fimage.png?alt=media\&token=58482c97-1eff-45b0-884a-70fdf7efb6e5)
{% endhint %}

## Update Minimog theme automatically

{% hint style="info" %}
We highly suggest you use  [FoxHome](https://docs.foxecom.com/minimog-theme/getting-started/foxhome) - the smart theme manager exclusively built for Minimog theme.
{% endhint %}

{% embed url="<https://youtu.be/s6mzn6u3MDg>" %}

{% content-ref url="<https://app.gitbook.com/s/Vrk6HVgAFHvp8boCErMO/>" %}
[What is FoxHome?](https://app.gitbook.com/s/Vrk6HVgAFHvp8boCErMO/)
{% endcontent-ref %}

{% content-ref url="<https://app.gitbook.com/s/Vrk6HVgAFHvp8boCErMO/how-to-sign-up-in-foxhome>" %}
[How to sign up in FoxHome](https://app.gitbook.com/s/Vrk6HVgAFHvp8boCErMO/how-to-sign-up-in-foxhome)
{% endcontent-ref %}

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

1. In your [FoxHome](https://home.foxecom.com/) dashboard, click **Manage themes**.
2. In the **Out of dated themes list**, locate the Minimog theme you want to update and click **Update**.

Can't find your Minimog theme from the list? Select **Update unlisted themes**.

3. Click **Update now**.
   {% endhint %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FW72JrLQmvxPWe54B55l6%2Fimage.png?alt=media&#x26;token=9db2aec4-614b-4ab7-ac1d-b9ab42e09ce2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The app will duplicate your current theme and update it. The updated version will be added to your **Theme library**.
{% endhint %}

### What files are kept and what not when updating the theme automatically

**Files will remain after updating:**

* All sections (including sections that merchants added)
* config/settings\_data.json
* snippets/custom-code-head.liquid
* snippets/custom-code-body.liquid
* assets/custom.css.liquid -templates/\*.son (all json data with OS 2.0)
* Assets that you've added (not including JS and CSS)
* Alternate template and liquid template
* All locale files (including new local and editing ones)&#x20;

**Files will not be carried out after updating:**

* theme.liquid snippets
* Any files created by a 3rd-party app or customized codes from merchants/dev teams.

## Update Minimog theme manually

### Create a backup of your current theme

Duplicate your work before attempting any theme update. If errors are encountered, you can use the duplicated (backup) version to restore to the original function and styling.

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

1. In your Shopify admin > **Online store**, click **Actions**.
2. Select **Duplicate**.
3. Rename the copied file.
   {% endhint %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FgImOEVS7grfZK97miKQ3%2Fimage.png?alt=media&#x26;token=d0b826c6-c803-459a-8f3c-b50fa09d653b" alt=""><figcaption></figcaption></figure>

### Get the latest Minimog version

Check and download the latest version of Minimog from Themeforest.&#x20;

To know how to find and download the theme package, see [here](https://docs.foxecom.com/minimog-theme/install-minimog-theme#get-the-theme-package).&#x20;

### Upload the new version 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="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FkyHtFlWpdMdve5TwvpBi%2Fimage.png?alt=media&#x26;token=698c03a4-f3d7-46a6-8553-018a22b22acd" alt=""><figcaption></figcaption></figure>

### Move the theme settings

Follow the steps below to move the theme settings to your updated version.

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

1. Locate your old theme > select **Actions** > **Edit code.**
2. Open the file **Config/settings\_data.json** & copy the entire code on this file.
3. Paste the copied content into the same file of the updated theme version.
   {% endhint %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F79SGRpGnJDwRfUNYACBZ%2Fimage.png?alt=media&#x26;token=b5c4faad-343c-46d9-b78d-dde0b4692c6b" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
4\. Do the same with the **Templates/index.json** file. Copy the entire code from the old theme and migrate it to the updated one.
{% endhint %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Fk48joJ5rnHy9b14bpG61%2Fimage.png?alt=media&#x26;token=8d0bcff1-2a25-4903-b036-f38c659e7904" alt=""><figcaption></figcaption></figure>

### Move the translation file

If your store has multilingual languages and you configured the translation files, follow the steps below.

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

1. Locate your old theme > select **Actions** > **Edit code.**
2. Find the **Locales** folder, select the language you want to use, and copy the translation file.
3. In your new version, go to **Actions** > **Edit code** and **Add a new locale** with the language you've copied.
4. Paste the content to your new file.&#x20;
   {% endhint %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FVGNJVAe3WlcneMPduqGu%2Fimage.png?alt=media&#x26;token=01548236-f98e-4403-8268-7f0a3d87f1f4" alt=""><figcaption></figcaption></figure>

### Move your pages

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

1. Locate your old theme > select **Actions** > **Edit code.**
2. In the **Templates** folder, copy the **.json** files with **a green dot** and move them to the new updated theme.&#x20;

Tip: Files with the green dot are the files you have changed.

{% endhint %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FImCvGXsEaJUbNJCac2UP%2Fimage.png?alt=media&#x26;token=218b0ec3-4719-4abf-abf3-ecd06141d6d7" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Ft0d9kzN74H3QxrqpkIs4%2FHelp%20Center%20(1).jpg?alt=media&#x26;token=c4b723d7-262d-4676-9bc2-81306a265b67" alt=""><figcaption><p><a href="https://chromewebstore.google.com/detail/foxtransfer-html-to-shopi/babcinhpofjfhjjbcnjhoikcjbgebimb?utm_source=foxecom&#x26;utm_medium=helpcenter&#x26;utm_campaign=foxtransfer_launch">Install FoxTransfer Chrome Extension FREE here</a></p></figcaption></figure>
