How to remove price, add to cart, and quantity choice from all product pages?

Site URL: https://benevolentdelights.com.au/

Hi there!

I have an Ecommerce site which I am changing the process for payment for. Rather than adding to cart it will be submitting an enquiry by contact form so we can contact customers directly with further details.

I have used the below code in the Header Code Injection:

<style>

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

It has worked for the main product page but when you click on the individual product it shows in the "You might also like" section the pricing. As well as on the homepage for the quick view it has quantity and pricing when you click.

Is there a way I can code to remove ALL add to cart, quantity and pricing from all areas where products are shown? We do not want this function at all on the website and just want to show product images and information. 

Thank you in advance! 

(Password for site: BD4321!)

On 8/30/2022 at 2:46 PM, ArminB said:

Hey!

For the product overview grid you can simply hide the pricing: (Section settings)

 

For the product detail page, you just need the following CSS

(add it to DESIGN > SITE STYLES > CUSTOM CSS

.product-price
{display:none}

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

if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)


It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets

The result on our own page:
https://www.braunsberger-media.com/websites

 

 

 

That worked perfect!!! Thank you!!!

On 8/30/2022 at 12:16 AM, ArminB said:

Hey!

For the product overview grid you can simply hide the pricing: (Section settings)

 

For the product detail page, you just need the following CSS

(add it to DESIGN > SITE STYLES > CUSTOM CSS

.product-price
{display:none}

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

if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)

 

On 8/30/2022 at 12:16 AM, ArminB said:

For the product detail page, you just need the following CSS

(add it to DESIGN > SITE STYLES > CUSTOM CSS

.product-price
{display:none}

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

if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)


It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets

The result on our own page:
https://www.braunsberger-media.com/websites

 

 

 

It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets

The result on our own page:
https://www.braunsberger-media.com/websites

 

 

 

Do you know how to change the color for the product-quantity-input?
I'm interested in a white background, but the quantity color is set to white as well, so people can't see quantity.
 

On 8/30/2022 at 12:16 AM, ArminB said:

Hey!

For the product overview grid you can simply hide the pricing: (Section settings)

 

For the product detail page, you just need the following CSS

(add it to DESIGN > SITE STYLES > CUSTOM CSS

.product-price
{display:none}

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

if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)

 

On 8/30/2022 at 12:16 AM, ArminB said:

For the product detail page, you just need the following CSS

(add it to DESIGN > SITE STYLES > CUSTOM CSS

.product-price
{display:none}

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

if the quanity of each product is set to 1, there won't be a quantity input field but if I'm wrong, please just add the css class that you already have for that)


It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets

The result on our own page:
https://www.braunsberger-media.com/websites

 

 

 

It's better to use the CSS injection istead of the header because you instantly see the result and can play with the code snippets

The result on our own page:
https://www.braunsberger-media.com/websites

 

 

 

Do you know how to change the color for the product-quantity-input?
I'm interested in a white background, but the quantity color is set to white as well, so people can't see quantity.
 

On 12/10/2022 at 12:09 AM, mejiacasas said:

Do you know how to change the color for the product-quantity-input?
I'm interested in a white background, but the quantity color is set to white as well, so people can't see quantity.
 

Add to Design > Custom CSS

.product-quantity-input input {
    background-color: #f1f !important;
    color: blue !important;
}