Hide quick add to cart Button for single Product

Store Design
1

Hi,

i would like to hide the quick add to cart button for one single product: https://linis-candy.myshopify.com/

or link to the main product site, but not move the product to the cart. Can somebody help pls?:slight_smile:

Many thanks!

Bildschirmfoto 2022-12-29 um 14.08.51.png
Bildschirmfoto 2022-12-29 um 14.08.51.png2686×1194 310 KB

2

Do you want to remove the button just on the first product???

3

yes, the problem is: that this product has some required option on the main product page, but you can add this product on the collection list to the cart, even without selecting the required options. So i would like to hide it for that product, or link it direct to the main product site

4

Add this css below at the end of base.css

.collection.section-template--16045351010466__featured-collection-padding ul li:first-child .quick-add {
    display: none;
}

Hope this helps.

Thanks

5

Thanks it worked! Is it also possible to let the button visible but rename it and link it to the main product?

for example: „more Information“ and if you click the button you will get on the product site? Is that possible? Many thanks!

6

Hi :slightly_smiling_face:

you helped me before. Now i need the same for this product: https://pepelini.de/collections/eigenprodukte

The button for options should be hidden, the same you did for the product in the past. I would really aprecciate your help!

7

Is it done @LinisCandy