Collection button snippets by theme

To help you add the Back in Stock button to your collections, we compiled a list of snippets that you can just copy & paste to your theme. This list will grow as we test and document more themes.

Dawn

Add the code snippet below at the end of the "snippets/product-card.liquid" file (line 136).

<!-- Back in Stock -->
{% unless product_card_product.available %}
  <a href="#" class="BIS_trigger bis-collection-button button" style="margin-top:10px; width:100%" data-product-data="{{ product_card_product | json | escape }}">
    Email when available
  </a>
{% endunless %}
<!-- End of the Back in Stock block -->

Sense

Add the code snippet below at line 216 of the file "snippets/card-product.liquid" file (line 216).

<!-- Inserted by Back in Stock -->
{% unless card_product.available %}
  <a href="#" class="BIS_trigger bis-collection-button button" style="text-decoration: none" data-product-data="{{ card_product | json | escape }}">
    Email when available
  </a>
{% endunless %}
<!-- End of the block inserted by Back in Stock -->
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us