Website Building » Shopify » How Do I Change My Shopify Store Live?

How Do I Change My Shopify Store Live?

Last updated on October 1, 2022 @ 8:20 pm

There are two ways to change your Shopify store from live to development, and vice versa. The first way is to use the Theme Settings page in your admin panel. The second way is to manually edit the theme.liquid file in your code editor.

To change your store from live to development using the Theme Settings page, follow these steps:

PRO TIP: If you are not careful, changing your Shopify store from “live” to “development” mode can result in lost sales and customers. Make sure you understand what you are doing before changing your store’s mode.
  1. In your admin panel, go to Online Store > Themes.
  2. Click the “..” button next to the theme you want to edit, and then select Edit code.
  3. In the Layout directory, click on theme.liquid.
  4. Scroll down to the very bottom of the file and look for this line of code:

    {% if template == ‘index’ %}

    {% include ‘index-meta’ %}

    {% endif %}

    Replace that line of code with this one:

    {% if template == ‘index’ %}

    {% include ‘index-meta’ %}

    {% endif %}

    Save your changes.

Now, when you visit your store frontend, you should see a notice that says “development mode” in the top right corner.

This means that your store is now in development mode.

To change your store back to live mode, simply follow the same steps and revert the change you made in the theme.liquid file. Once you save your changes, the “development mode” notice should disappear from your store frontend.

Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.