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

Hi, I will be adding products to the "Memorial" subcategory's in my store shortly. All of these products under "Memorials" wont be avaliable to purchase, therefore could anyone help with code to remove the price, quantity and add to cart features on all products that come under "memorials" and the subcategorys. Although Other products on the site, which will be added to "Broces Jorda" and "Ceramic Flowers" will all work as normal and will need the price and basket feature etc. Could anybody help with the code to remove these features from any products in "memorial" abd subcategorys but not else where.

if you click hamburger menu at top, then shop. you will see the section I am referencing. as 
A link to my site is here ellipse-orange-2pwe.squarespace.com
 

site password is xxx by the way

Thankyou

 

Hi guys, just tried a few option, but doesn't seems it works correctly 

I'm looking to disable price, add to card and quantity buttons 

Template Maru 7.1

Not sure if you can see it here

https://gardenia-aqua-64ew.squarespace.com/config/pages/657edfcbd8cd817167dcecd9

Please help with the right code and if I'm inserting it in a right plase

Thanks

7 hours ago, Olena_Khomyakova said:

I'm looking to disable price, add to card and quantity buttons 

Hi @Olena_Khomyakova 👋. Welcome to the forum!

You should not need to use the JavaScript in your screenshot. It will be easier to remove that code from the Code Injection panel and add this to Custom CSS panel instead:

.product-price, .product-quantity-input, .product-variants, .sqs-add-to-cart-button-wrapper {
  display : none!important; 
}

If you need any further guidance, please include the public password for your site, as it is currently protected by a site-wide password.

Did this help? Please give feedback by clicking an icon below  ⬇️

14 hours ago, paul2009 said:

Hi @Olena_Khomyakova 👋. Welcome to the forum!

You should not need to use the JavaScript in your screenshot. It will be easier to remove that code from the Code Injection panel and add this to Custom CSS panel instead:

.product-price, .product-quantity-input, .product-variants, .sqs-add-to-cart-button-wrapper {
  display : none!important; 
}

If you need any further guidance, please include the public password for your site, as it is currently protected by a site-wide password.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thanks guys, it worked perfectly!!!

Hello! I'm in similar need of many in this topic. I would like to remove the Add to Cart button for one particular item. Here is the URL https://www.hosslewoodworks.com/shop/p/wood-custom-vanity

I have seen some code pasted above, but not sure exactly what to insert for my needs.  Any help would be monumentally appreciated!

Justin

6 minutes ago, JHoss1 said:

I would like to remove the Add to Cart button for one particular item.

Try adding this to Custom CSS:

article[data-item-id="62d06eaaa04ae44d0b7a223f"] .sqs-add-to-cart-button-wrapper {
  display: none!important; 
}

This refers to this product's unique ID (62d06eaaa04ae44d0b7a223f).

You can remove the quantity option by setting the stock level of this product to "1".

Let me know if this helped.

Please give feedback by clicking an icon below  ⬇️

12 minutes ago, paul2009 said:

Try adding this to Custom CSS:

article[data-item-id="62d06eaaa04ae44d0b7a223f"] .sqs-add-to-cart-button-wrapper {
  display: none!important; 
}

This refers to this product's unique ID (62d06eaaa04ae44d0b7a223f).

You can remove the quantity option by setting the stock level of this product to "1".

Let me know if this helped.

Please give feedback by clicking an icon below  ⬇️

AMAZING. And so quick. Really appreciate your help!

How to remove the "Add to card button" on a product page - client wish to use this as window shop and be contacted for purchase?

Thanks,

Estelle

On 2/14/2024 at 8:29 PM, Estelle2022 said:

How to remove the "Add to card button" on a product page - client wish to use this as window shop and be contacted for purchase?

Thanks,

Estelle

Use this code to Website > Website Tools > Custom CSS

/* All products */
 div.sqs-add-to-cart-button-wrapper {
    display: none !important;
}

The code to remove the add to cart button no longer works for me: www.theturfshed.com.au.

Does anyone have insight to an updated code?

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

1 hour ago, JaimieAllen said:

The code to remove the add to cart button no longer works for me

The correct code for your site with its settings is the following. Add to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

Remove any previous attempts at this effect.

<style>

  .ProductItem-details .product-quantity-input,
  .ProductItem-details .sqs-add-to-cart-button-wrapper
  
    {
    
      display : none;
      
      }
      
  </style>

This is for v7.1 and the store detail Layout set to Simple.

Let us know how it goes.