How to display 'Add to Cart' on product image hover?

Technical Q&A
1

Hey guys,

We are trying to show ADD TO CARD button when someone hovers in our product pic on our website.

This is our store: https://www.yak9chews.com/collections/100-yak-milk-chews

We want something like an icon or a text showing ADD TO CART and when someone hovers on a product and clicks on the icon, the product should be added to the cart.

Thanks,

Yak9 Team

2

Hi @yak9chews ,

Brooklyn does not support icon display or add to cart button. So if you want to add it, you need Liquid, HTML and CSS coding experience.
You can add the code in product-grid-item.liquid file. Hope it helps!

3

Hey, Can you help us with that? We don’t have enough Liquid files experience.