Manual Installation

There are 2 types of theme in Shopify:-

Shopify 2.0 theme
Custom Theme

If you are using Shopify 2.0 theme then you do not need to install app code, You just need to enable the Utterbond Subscription app block from theme customization.

And If you have custom theme in your store then you need to turn off the app block and install app code manually in your theme file.

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

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

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

Please add the below code to Layout/theme.liquid before </body>

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

Step 2. Add the below code to display the Subscription plan selector on the product page.

To display the subscription plan selector, please add the below code 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. Add the below code to display a subscription plan label on the cart page.

To display the subscription plan label, please add the below code 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. Add the below code to show the customer portal link to the account page.

To display the customer portal link, please add the below code in templates/customers/account.liquid at any desired location.

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