Remove "add to cart" functionality from HP product listings
-
Hi there,
Is there any way we can show products on the home page, but not have the “add to cart” option when you hover on the image?
I am trying to reduce home page load time, and I can do that by removing the WooCommerce ?wc-ajax=get_refreshed_fragments. However I can only do that if there are no products added to the cart on the home page.
Thoughts appreicated.
Hello,
If you want to hide the add to cart button, Then You can try enabling the catalog mode that disables the add to cart functionality from the products.
You can enable the catalog mode from Theme Settings >> Shop >> Catalog Mode.
Screenshot for Clarification: https://ibb.co/1G7TMs7
Best Regards.
Yes but that diables all shop functionality, not just on the home page.
Hello,
Unfortunately, that is the only way that you can disable the add to cart from the homepage. Because add to cart is WooCommerce functionality and our theme doesn’t influence it.
The other way is to hide the Button using Custom CSS but it won’t affect the page load time.
If you still want to CSS then you can try adding the following Custom CSS code in the Global Custom CSS area under Theme Settings >> Custom CSS.
.home .product-grid-item .woodmart-add-btn {
display: none;
}
Best Regards.
Hello,
Thanks for the reply.
Can I ask if you can see the images on the homepage of my site (in the private content). They seem to have disappeared all of a sudden.
Hello,
You are Most Welcome.
I have visited your website and all the images are displayed fine on my end. Please clear cache and check back.
Screenshot for Clarification: https://ibb.co/rMZ0NDZ
Best Regards.