"add to cart" button under all products path fail in Dawn Theme

Hello,

I have added a button to my website under all products, however, it does not animate like the theme buttons do on hover and I don’t think it works because it takes the customer directly to the product instead of adding to cart.

What code do I need to fix the path so it adds to cart and they can keep browsing? how can I get the button to animate like the others?

this is what I added under product.card.liquid:

{%- form 'product', product_card_product, id: product_form_id, class: 'form', novalidate: 'novalidate', data-type: 'add-to-cart-form' -%} {{ form | payment_terms }}
Add to cart
{% if product_card_product.selected_or_first_available_variant.available == false %}disabled{% endif %} > {%- if product_card_product.selected_or_first_available_variant.available -%} {{ 'products.product.add_to_cart' | t }}

{%- endif -%}

{%- endform -%}

1 Like

@mjdubarr

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi @KetanKumar

store: https://melanie-jean.myshopify.com/?key=f38f9b1503ced53215c83e0f0d42a7670e662f09df007015fb173272354321aa

my store password is: prayrttttttt