Custom trigger is the way to go if you want full control over trigger element. To use custom trigger, simply add ov-bis-trigger
class to your trigger element. For example,
<a href="#" class="ov-bis-trigger">Notify me when available</a>
Back-in-stock modal will be shown when element is clicked.
Using Custom Trigger on pages other than product page
For pages other than product page, like collection page, you need to pass product data since OnVoard won't be able to automatically detect product to use for back-in-stock modal.
If you are using Shopify, you can pass Shopify product data via data-shopify-product
element attribute.
<a href="#"
class="ov-bis-trigger"
data-shopify-product="{{ product | json | escape }}">
Notify me when available
</a>
If you are using EasyStore, you can pass EasyStore product data via data-easystore-product
element attribute.
<a href="#"
class="ov-bis-trigger"
data-easystore-product="{{ product | json | escape }}">
Notify me when available
</a>