Tagged: Product Grid, woocommerce
I’m using the WooCommerce plugin, but don’t require any e-commerce features. So I’m just using it to group/display products right now.
When I set-up a product grid there are two links/icons under each product thumbnail – “Read More” and “Show Details”. I don’t need both and would like to get rid of the “Read More” link/shopping cart icon, but can only hide everything. If someone could help me hide just the one link/icon, that would be great.
Hey NicomIT!
Do you mean the add to cart button? Add this to your custom CSS to remove it.
.avia_cart_buttons .add_to_cart_button {
display: none !important;
}
Cheers!
Elliott
The button doesn’t actually say “Add to Cart”. It says “Read More” and has a cart icon beside it. Directly under it is another icon and text that reads “Show Details”. I’d like to keep the second “Show Details” text/icon, but not the “Read More” text/icon that has the cart. You can see what I’m talking about on page linked in the private content with this reply.
I did try the code you provided, but didn’t have any luck. However this code did hide everything:
.avia_cart_buttons {
display: none;
}
Hi!
I’m not sure if you solved the problem or? Please let us know if you should need any more help.
Regards,
Rikard
Hi Rikard,
Unfortunately I’m still unable to remove the specific link/icon mentioned in my last post. Any help with that you can provide would be great. If it’s not clear what I’m referring to when you view the page, just let me know.
Thanks!
Hi!
Please add following code to Quick CSS
.avia_cart_buttons .product_type_simple {
display: none!important;
}
Regards,
Yigit
That worked great. Thanks Yigit!