How do I set up Gated Discounts within a Shopify OS1 theme?

After following the steps within the Gated Products set up, a “Fan Pass Connect” box will appear for any products you have configured within the app to have a discounted price.

To display the discounted price for a customer that has connected their Fan Pass, follow the below steps:

1. Access your store’s admin and navigate to “Themes” under the “Online Store” Sales channels.
2. Launch the options menu of the backup theme previously created and select “Edit code”.
3. Locate all instances of the {{ money_price }} liquid tag – this will either be located in the product-template.liquid under Sections or an included snippet.
4. Check if each tag has the same unique selector name, typically a class or data tag (see example below).

<span class="price-item price-item--regular" data-regular-price="">

   {{ money_price }}

 </span>

5. If the tags do not have the same unique selector name, change all instances of the {{ money_price }} liquid tag to:

<span data-cirkay-price>{{ money_price }}</span>

6. If you completed Step 5, save your file and skip to Step 11.
7. If the tags do have the same unique selector name, make a note of it.
8. Within the “Snippets” list, open “fanpass-gated-product.liquid”.
9. Find the following line of code:

assign price_selector = '[data-cirkay-price]’

10. Change the value after the equals sign within the single quotes to the name of your price’s unique selector and save the snippet.
11. To review the gated discount’s operation and pricing display, you will need to purchase a Fan Pass, connect it to the store and view the product that you configured within the app.