Remove "Add to Cart" button and "Quantity" option on a single product page

Site URL: https://www.ruapehulowlineangus.co.nz

I want to add a new product page that requires customers to fill in a form to make an order (various customisable options) and I need to remove the Add to Cart and Quantity for that specific product page only.  I haven't done any CCs coding at all but expect this will be needed for this so some instructions on how to do this too would be awesome thanks

2 hours ago, TelMac said:

Site URL: https://www.ruapehulowlineangus.co.nz

I want to add a new product page that requires customers to fill in a form to make an order (various customisable options) and I need to remove the Add to Cart and Quantity for that specific product page only.  I haven't done any CCs coding at all but expect this will be needed for this so some instructions on how to do this too would be awesome thanks

Which page? Can you share the url? 

The page I want to do this in is still in draft but it will be very similar to this one if that helps:

https://www.ruapehulowlineangus.co.nz/shop/p/winter-meat-boxes

51 minutes ago, TelMac said:

The page I want to do this in is still in draft but it will be very similar to this one if that helps:

 

https://www.ruapehulowlineangus.co.nz/shop/p/winter-meat-boxes

 

 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

#item-6664ce323f55227efcde0245 .ProductItem-quantity-add-to-cart{
    display: none !important;
}

If you only have one product where you want to hide the quantity and add to cart you can add a code block to Additional Info with the following.

<style>

  @media screen and ( min-width : 768px ) {
  
    .tweak-product-basic-item-add-to-cart-standalone .ProductItem .ProductItem-quantity-add-to-cart {
    
      display : none;
      
      }
      
    }
    
  @media screen and ( max-width : 767px ) {
  
    .tweak-product-basic-item-add-to-cart-mobile-standalone .ProductItem .ProductItem-quantity-add-to-cart {
    
      display : none;
      
      }
      
    }
    
  </style>

You can also use this code is you want to hide all products quantity and atc button. In this case you'd install the code in Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

The advantage to this code is that you don't need to know the product ID. If you are going to do multiple, not all, products then a different technique is needed.

Let us know how it goes.

I managed to work it out by myself thanks 🙂

Sorry, just saw your reply Creedon.  Thanks for helping out.  Much appreciated.