Remove Add To Cart button on archive page
-
Hello. I want to remove the add to cart button on the product archive page. It should be only the product image, and the price. There are a lot of options in the theme settings but not what I want. How can I do that?
Hello,
You can achieve that with the help of the “Catalog mode” option that is in Theme Settings -> Shop -> Enable catalog mode.
https://monosnap.com/file/1x7Jgcy1I3YvRuOSYBKKMCnxnTkote
Feel free to reach out to me anytime when you have anything more to say.
Kind Regards
No, I don’t want that. In catalog mode, the Add to Cart button on the product page is not visible. I just want the add to cart not to appear on the shop end product archive page.
Hello,
Ok, In this case, you can hide this button only for the Shop page with the help of the theme presets. Please navigate to Theme Settings -> Settings Presets -> create a preset with the condition as in the below screenshot.
https://monosnap.com/file/NSSh0leyu5hyLsyN95zQyWs7uvRHRd
After that, edit Theme Settings of this preset and go to Shop and turn on the “Catalog mode” there.
https://monosnap.com/file/WPzU1nFX8JZAtbt8iJRcZ4UBWhX0Ua
As a result, the catalog mode will be enabled only for the Shop apge.
Kind Regards
Thank you for your suggestion. Was successful. But there is a new problem. Single Product Page -> the same problem exists among the recommended products.
Attachments:
You must be
logged in to view attached files.
Hello,
Please try to use the below code, enter it into the “Global Custom CSS” area in Theme Settings -> Custom CSS.
.single-product .product-grid-item .wd-add-btn {
display: none;
}
.single-product .product-grid-item.wd-hover-alt.purchasable:hover .swap-elements {
transform: none;
}
Kind Regards
.
