Remove Add To Cart Hover + quickview not working

[AlexM]

It’s about the standard ‘shop page’ of Woocommerce. When you hover to a product, it shows ‘add to cart’ button or ‘read more’ if its an affiliate product. This also shows in mobile, how do you remove that?

Also I’ve set the quickview, but it’s shown no worry. It’s like its not working. Please advice.

[David Martin – Support]

Hi,

You want to remove this on mobile & desktop or just mobile?

Do you want this for only affiliate products?

Thanks.

[AlexM]

Yes, I want to hide it, but only in the shop page, not in the single product page (you know the button that says add-to-cart or read more for the affiliate, please check the image I upload to clarify more what I mean)

Secondly, the quickview is not working, do you know how to make it work?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.post-type-archive-product .product figure .cart-overlay {
   display:none!important;
}

I Made some changes in the Quickview settings, have a look to see if it’s ok.

-Rui

[AlexM]

Yes the quickview is amazing. Can you please tell me what you did? I want to write it down for the next time.

Also add-to-cart/read more button is also gone. Thnq

[Rui Guerreiro – SUPPORT]

Glad it’s working. Just changed the button position.
https://www.dropbox.com/s/z7wswsvnd8477qp/Screenshot%202017-05-02%2019.50.57.png?dl=0

-Rui

[AlexM]

Hi Swiftideas, one more question though regarding this question:

______________________
It’s about the standard ‘shop page’ of Woocommerce. When you hover to a product, it shows ‘add to cart’ button or ‘read more’ if its an affiliate product. This also shows in mobile, how do you remove that?
______________________

I also want to remove it from the ‘Related Product’ in the ‘Single Product Pages’. What is the CSS for this?

Thnx!

[Rui Guerreiro – SUPPORT]

just a doubt, you only want to remove it in mobile or across all devices?

-Rui

[AlexM]

Hi, across all device, so desktop and mobile.

[Rui Guerreiro – SUPPORT]

I was checking this topic, and I already provided a solution on my earlier reply.
Can you check it?

-Rui

[AlexM]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

In that case replace it by this one that is more generic

.product figure .cart-overlay {
   display:none!important;
}

-Rui

[AlexM]

That worked, thnx

[Rui Guerreiro – SUPPORT]

No problem.

-Rui