Remove 'add To Cart' buttom when hovering over product image

Remove 'add To Cart' buttom when hovering over product image

CATECHUSA
Visitor
2 0 0

How do I remove the 'Add To Cart' button when hovering over a product image?

It is causing customers to add items to their cart when they just want to click on the picture and visit the product page.

I have the Webinopoly Development-For Tr with WC - 2020-09-21 theme

 

Replies 4 (4)

JHKCreate
Shopify Expert
3571 638 924

Hi @CATECHUSA 

 

Would you mind sharing your store's URL so we can provide a solution for that?

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
CATECHUSA
Visitor
2 0 0
catechusa.com
JHKCreate
Shopify Expert
3571 638 924

Add the following code to the bottom of your style.css file:

/*Hide Add To Cart When Hovering*/
.product-card__image-with-placeholder-wrapper:hover form {
    display: none;
}

 

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
Matthew114
Tourist
7 0 1

I can't find the style.css section of my store in the edit code section even when I search it. Has it changed? if so where should I put this code now?