Hiding Infinite Options on your store's live theme

By default, Infinite Options will display any created options on your store's live theme. You can follow the steps below to hide options on the live theme and test Infinite Options on an unpublished theme.

Hiding options on live theme

1. From your Shopify admin, click  Online Store to arrive at the Themes page.

2. Find your live theme that you want to edit, click the  Actions ▼ button, then click  Edit code.

3. On the left side, click on the  Assets folder to reveal its contents.

4. Open your main CSS file (usually named theme.scss.liquid, timber.scss.liquid, or styles.scss.liquid), then scroll to the bottom of the document.

5. Copy and paste the code snippet below at the bottom of that file.

#infiniteoptions-container {
  display: none !important;
}

6. Save your changes!

Testing Infinite Options on an unpublished theme

Follow this document and add this one line of code to the unpublished theme: Install Infinite Options Code. Afterwards, you will see options from Infinite Options displaying on the unpublished theme.

To preview the options in an unpublished theme, you can head back to the Themes page and click on Actions ▼ button. Then, click on Preview.