Manual Installation

For the Shopify 2.0 Theme, enable the app block from theme customization:-

For a custom theme, follow the steps below to install the code manually in your store.

Step 1. Add the below snippet to the Layout/theme.liquid file

• Online store > Select the theme > Edit code > Snippets > Add a new snippet > Add th-subscription-scripts.liquid
• Copy the code from this file and paste it into that file.
• Please add code below to Layout/theme.liquid before </body>

{% render 'th-subscription-scripts' %}

Step 2. Follow the steps below to display the subscription plan selector on the product page.

• Online store > Select the theme > Edit code > Snippets > Add a new snippet > Add the-subscription.liquid
• Copy the code from this file and paste it into that file.
• To display the subscription plan selector, please add the code below in sections/product-template.liquid or snippets/product-form.liquid file after <select name="id" ...>...</select> tag over. Please check the screenshot too.

{% render 'th-subscription', product: product %}

Step 3. Follow the steps below to display the subscription plan label on the cart page.

Note - If you’re using a mini cart that slides or pops out in your theme then you have to contact your theme developer to display subscription plans.

• Online store > Select the theme > Edit code > Snippets > Add a new snippet > Add th-subscription-cart.liquid
• Copy the code from this file and paste it into that file.
• To display the subscription plan label, please add the code below in sections/cart-template.liquid or templates/cart.liquid file after {% assign property_size = ... %} tag over. Please check the screenshot too.

{% render 'th-subscription-cart', item: item %}

Step 4. Follow the steps below to show the customer portal link to the account page.

• Online store > Select the theme > Edit code > Snippets > Add a new snippet > Add th-subscription-account.liquid
• Copy the code from this file and paste it into that file.
• To display the customer portal link, please add the below code in templates/customers/account.liquid at any desired location.

{% render 'th-subscription-account' %}