Looking to remove or disable the add to cart button on the product page

Hey I am trying to remove or disable the Add to Cart button on my product pages. I don’t want people purchasing through the Cart but I would like the convenience of being able to add and remove items through the product page. I tried using a custom css code but it doesn’t seem like it did anything. Wondering what others have done. 
thanks 

Difficult to help without site url. Can you share link to product page on your site? @Ns94

On 12/17/2019 at 6:53 PM, tuanphan said:

Difficult to help without site url. Can you share link to product page on your site? @Ns94

Also this is the code I tried to use:

.sqs-add-to-cart-button-wrapper {
   display: none;
}

5 hours ago, Ns94 said:

https://guppy-dory-xd76.squarespace.com/config/pages/5df40391b29aca197b88fd9c

Here is the link password = site

Also this is the code I tried to use:

.sqs-add-to-cart-button-wrapper {
   display: none;
}

/config/ is url for web owner. Please remove it when sharing link in the next time.

Add to Home > Design > Custom CSS

.sqs-add-to-cart-button-wrapper {
    display: none !important;
}

18 hours ago, tuanphan said:

This worked. Thank you!

 

.sqs-add-to-cart-button-wrapper {
    display: none !important;
}

 

Hey do you either of you know how to also remove the Quantity label? 

1 hour ago, Odessy said:

Hey do you either of you know how to also remove the Quantity label? 

Can you share link to a product? We can check easier

Is it possible to hide the Add to cart button on selected products? Or all products in one shop folder, but not all products in the entire online store? 🤔

On 1/20/2021 at 5:50 PM, LindaS said:

Is it possible to hide the Add to cart button on selected products? Or all products in one shop folder, but not all products in the entire online store? 🤔

Yes. Possible. Can you share link to a product? We can help easier

@tuanphan, could You please help me, too? I need to remove Add To Cart button un 4 selected products on my page. How to do it ?

23 hours ago, ievareinholde said:

@tuanphan, could You please help me, too? I need to remove Add To Cart button un 4 selected products on my page. How to do it ?

If you share link to a product, we can help easier

Hi guys,

I have to remove the add to cart button and the price of all products, what can I do?

You could check out this piece of CSS 

https://sf.digital/squarespace-solutions/how-can-i-make-some-prices-poa-on-squarespace-71

If you want to hide the 'add to cart' button on individual products amend the code so that the description after the .tag- is something like hidecart and then tag whatever product you want to remove  'add to cart' with 'hidecart'. You can change this wording to whatever you like but always keep the .tag- part.

For example:

/* Hide the add-to-cart button */
.tag-hidecart .ProductItem-summary .ProductItem-details {
  .sqs-add-to-cart-button-wrapper, .product-quantity-input {
  display: none;
  }
}

Hopefully my amendment should work. Thanks to SF Digital for the original code.

5 ore fa, PhilB ha detto:

Potresti osare un'occhiata a questo pezzo di CSS 

https://sf.digital/squarespace-solutions/how-can-i-make-some-prices-poa-on-squarespace-71

Se desideri nascondere il pulsante "aggiungi al carrello" sui singoli prodotti, modifica il codice in modo che la descrizione dopo il. Tag sia qualcosa come hidecart e quindi contrassegna qualsiasi prodotto che desideri rimuovere "aggiungi al carrello" con "hidecart". Puoi cambiare questa dicitura come preferisci, ma mantieni sempre la parte .tag.

Per esempio:

/ * Nascondi il pulsante aggiungi al carrello * /
.tag-hidecart .ProductItem-summary .ProductItem-details {
  .sqs-add-to-cart-button-wrapper, .product-quantity-input {
  display: none;
  }
}

Spero che il mio emendamento funzioni. Grazie a SF Digital per il codice originale.

I can't ... I paste the code but nothing

8 hours ago, Pacenz98 said:

I can't ... I paste the code but nothing

Hi, it should work. I am using the same code but I've used the .tag-onhold on mine instead of .tag-hidecart, as I use it for products that are on hold. Be sure to use the tag 'hidecart' on each product you want this to affect. 

@Pacenz98

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

where did you insert the code?

On 3/2/2021 at 4:01 AM, SACLYN said:

where did you insert the code?

 

Add to Design > Custom CSS

On 2/9/2021 at 12:23 AM, PhilB said:

Hi, it should work. I am using the same code but I've used the .tag-onhold on mine instead of .tag-hidecart, as I use it for products that are on hold. Be sure to use the tag 'hidecart' on each product you want this to affect. 

Having the same problem...I think I'm doing it right but the button isn't being hid. Happy to share my website link if someone can help! TIA

On 2/9/2021 at 12:31 AM, creedon said:

@Pacenz98

Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

If I share my site, could you take a look by chance? ❤️

On 1/22/2021 at 4:30 PM, tuanphan said:

Yes. Possible. Can you share link to a product? We can help easier

Needing the same thing...would love to hide the "add to cart" option so people can view the item but not actually purchase anything online. One product I'm messing with is: https://muddymocoffee.com/drinkmenu/latte

@Amy13579

Url is not valid.

Hi! I am looking for help on the same issue. I have large paintings that I would like a user to inquire about instead of "add to cart". 

I have created a test product on my site, can someone help me remove the "add to cart" button on just this product? I am not sure where to place code and what to use.

https://www.trueraddesigns.com/shop/p/test-painting

1 hour ago, TrueRad said:

can someone help me remove the "add to cart" button on just this product?

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page.

<style>

    #item-60fe0ecc22c5ce2ebdb12244 .ProductItem-details .sqs-add-to-cart-button-wrapper {
    
      display : none;
      
      }
      
  </style>

This for v7.1 and specific to the poster's need.

Let us know how it goes.

Thank you that worked! If I wanted to add another product and remove the button would I just have to replace the item #  in the code? If so where would I find that info.

Thanks