Theme Integration

Step 1 - Navigate to the Dashboard of Subscription Plus App and scroll down to find the Automatic Installation option.

Step 2 - Click on the Dropdown and select the theme in which you would like to get the App snippets/codes placed automatically.

Step 3 - Once you select the theme, click on the 'Add' button and BOOM! snippets will be automatically placed in your selected theme.

A validation message will be displayed once all the important files of Subscription Plus app are successfully placed in your selected theme.

Step 1 - Navigate to the Themes section in the Online Store module your Shopify store.

 Step 2 - Click on the Action dropdown and select the 3rd option Duplicate to make a copy of your LIVE theme.

Step 3 - You'll find a copy of your LIVE theme in your theme library. Click on the Action button dropdown option and select the 6th option Edit code and you'll be redirected to the edit code section of your theme where you'll find all the theme files.

Step 4 -  Search for the product template in your theme files and open the file.

Step 5 - Look for the Add to Cart button code and place the exact code {% render 'subscription-plus-plan-selector', product: product %} copy above the Add to Cart button code. Just make sure the code is within the form which can be written in HTML tag like </form> 'OR' {% endform %} OR {%- endform -%} and save the file.

Step 6 - Search for customers/account.liquid  copy  file in the search bar of your theme engine and open the template. 

Step 7 - You can add "My Subscription" page link by pasting {% render 'subscription-btn' %}  copy code to anywhere within account page, we commend it to place it before Logout button or below Page title in case if code is not already added.