Adding to Category Pages

Out of the box, the "Notify me" button will be shown on the "Quick view" modal on category pages (PLPs), but not directly on the product grid.

However, this can be achieved with some additional JS configuration. This can be achieved by adding a new script using BigCommerce's Script Manager.

Create a new script, with the following settings:

• Placement: Header
• Location: Storefront pages
• Script Category: Essential (or Functional)
• Script Type: Script

The script content should be:

<script>
    window.BISAData = window.BISAData || {};
    window.BISAData.enable_list_alert_requests = true;
    window.BISAData.list_item_selector = '.productGrid .product .card-figcaption-body';
    window.BISAData.list_item_product_id_selector = 'a[data-product-id]';
    window.BISAData.list_item_out_of_stock_selector = 'a[data-product-id]';
    window.BISAData.list_item_out_of_stock_text = 'Out Of Stock';
    window.BISAData.list_item_button_label = 'Notify Me';
</script>

Each configuration field will need to be reviewed and updated to align with your theme: