Woo Commerce Catalog Mode

You should be able to use CSS to hide the button

Hi @awrightlaros,

As @seank123 indicates you should be able to hide any buttons using some CSS. If you can reply with the URL for your site I’ll be happy to take a look at this for you ??

Cheers

Hey @stuartduff
I’ve tried so many different CSS lines from other forums to try, none successfully.

The site has a maintenance page now, can’t take it down cause the shop was having other issues so we don’t want it live.

I can post the current CSS?

@stuartduff If it helps, this is what our page looks like

https://demo.goodlayers.com/infinite/homepages/emporium/

I found the code within the html via f12, but removing it from there doesn’t do anything.

It was
<div class=”gdlr-core-product-thumbnail-info”><i class=”fa fa-eye”></i><span>View Details</span><i class=”icon_cart_alt”></i><span>Add to cart</span></div>

I then found something similar within the frontend CSS folder of my theme.

.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail-info > a{ float: left; }
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail-info i{ margin-left: 12px; margin-right: 0;}
.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail .added_to_cart:before{ margin-left: 12px; margin-right: 0;}

deleting it from the CSS did nothing unfortunately.

Im pretty stuck on what to do from here other than completely rebuilding the site with a new theme

Hi there,

Can you try the CSS below:

.gdlr-core-product-item.woocommerce .gdlr-core-product-thumbnail-info>a.add_to_cart_button {
display: none;
}

Hey thup90,

I did eventually figure it out thanks. I ended up changing it to the same colour as the more info button next to it and hiding the text as it looked better and has better user friendly feel.

Hi there!

I’m glad you had figured it out!

I’m going to mark this as resolved – if you have any further questions, you can start a new thread.