Debut Theme - Implement cart popup in collection page

Shopify Discussion
,
1

I’ve managed to add a AJAX add to cart button for each item on the collection page.
But I can’t get the cart popup triggered and populated like on the product page.
I guess that these module is ready to use as it is used in the product page also?

How can I get the popup cart working also in the collection page when adding a product?

2

Hi!

Did you find any help? I have the same issue

Thanks in advance!

3

Not yet, still waiting for any help…

4

https://lucidpolygon.com/blog/adding-an-add-to-cart-button-to-collection-pages-in-debut-theme-ajax/ was a saviour.

from the post:

in product-card-grid.liquid add the following code.


  {%- assign current_variant = product.selected_or_first_available_variant -%}
  {% form 'product', product, class:form_classes, novalidate: 'novalidate',
 data-product-form: '' %} 

  
  
  
  {% endform %}

{% unless product == empty %}
  
  
{% endunless %}
5
{%- assign current_variant = product.selected_or_first_available_variant -%} {% form 'product', product, class:form_classes, novalidate: 'novalidate', data-product-form: '' %} {{ 'products.product.add_to_cart' | t }} {% include 'icon-spinner' %} {% endform %}

{% unless product == empty %}

{% endunless %}

“This method is not working for showing cart popup on collection page in debut theme”