Integrating with the Boundless Theme

The Watchlyst supports integrating with the Boundless theme.  This guide will explain how the integration works and walk you through installing it for your store.

1. Open your Shopify admin. 

2. Click Online Store.

3. Click Themes.

4. Click Actions for your published theme.

5. Click Edit code.

6. Click the file product-template.liquid which appears under Sections.

7. The product-template.liquid file will open in the online code editor. In the online code editor window, locate the HTML for your add-to-cart button (you can do this by searching with CTRL-f or COMMAND-f). The HTML for your add to cart button will look something like this:

<button id="AddToCart-{{ section.id }}" type="submit" name="add" class="btn btn--add-to-cart{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}">
<span class="btn__text">{{ 'products.product.add_to_cart' | t }}</span>
</button>

8. On the very next line, add the following code.  

Place the <div id="thewatchlystalertButton" class="twlbutton twlinline"> </div>

9. Hit Save.

(If you are having problems please contact support@thewatchlyst.freshdesk.com. We will do the integration for you.)