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

[Author]

Posts