Docs

[turnkeyflyers]

Hi, I would like to hide the add to cart hover on related products. I tried css I saw in another thread but it didn’t work. See image below. Thanks,

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[turnkeyflyers]

Ok, my site is here: http://www.turnkeyflyers.com/shop

[Rue Nel]

Hello There,

Thanks for providing the url of your site. To hide the add to cart buttons from your related products, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce .upsells li.product .entry-header .button, 
.woocommerce .related li.product .entry-header .button, 
.woocommerce .cross-sells li.product .entry-header .button{
    display: none;
}

In addition, I have included the upsells and cross sells in the code above. We would loved to know if this has work for you. Thank you.

[turnkeyflyers]

Hi, thank you for the reply though the code did not work. I have left the code in there so you can check yourself if you’d like.

[Friech]

Hi There,

Please update the given css code to this:

.woocommerce .upsells a.button,
.woocommerce .related a.button,
.woocommerce .cross-sells a.button {
	display: none;
}

Hope it helps, Cheers!

[turnkeyflyers]

Hi, that doesn’t seem to work either.

[Christopher]

Hi there,

Please try this code :

.woocommerce li.product:hover .entry-header .button {
    opacity: 0;
}

Thanks.

[turnkeyflyers]

That did it, thanks!

[Prasant Rai]

You are most welcome. 🙂

[turnkeyflyers]

Hi, I have noticed that this code only removes the button. The link for the add to cart still displays. This makes it confusing to the user who clicks this and then the product is added to the cart. Please help me remove the link as well. You can see this here: https://www.turnkeyflyers.com/shop/

[Rue Nel]

Hello There,

To completely remove the add to cart button, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce li.product .entry-header .button {
    display: none;
}

We would loved to know if this has work for you. Thank you.

[turnkeyflyers]

Yes, that worked. Thank you,

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts