How do I hide: price / quantity / add to cart

I would like to use the product pages on my site to display my products, but because I am not actually selling online, I need to hide the following elements:

• Add to Cart button
• Quantity area
• Price

How do I do this?  Version 7.1

Thank-you, Dianna

Does anyone know how to do this?  I see there have been 10 views of my question but no answers  😟

Is there a way to hide the text 'quantity' but keeping the function of the input? 

6 hours ago, Lucha said:

Is there a way to hide the text 'quantity' but keeping the function of the input? 

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

20 minutes ago, tuanphan said:

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

Page: www.bytemple.co/shop p/w: ModaStill!1290

1 hour ago, Lucha said:

 

Page: www.bytemple.co/shop p/w: ModaStill!1290

Add to Home > Design > Custom CSS

.quantity-label {
    display: none;
}

Along these same lines, I would like to hide the "...every 4 months for 8 months" text that appears as a default for a subscription product. What would be even better is if I could say "...now, and again in 4 months". Is this possible? Attaching a screenshot with text circled.

18 hours ago, CraftSouth said:

Along these same lines, I would like to hide the "...every 4 months for 8 months" text that appears as a default for a subscription product. What would be even better is if I could say "...now, and again in 4 months". Is this possible? Attaching a screenshot with text circled

Can you share link to product in screenshot? We can check easier

How do I hide the price, quality and buy button on only one product?

https://www.alenadesign.com/shop-online/standard-trousers-nc285

10 hours ago, ro12 said:

How do I hide the price, quality and buy button on only one product?

https://www.alenadesign.com/shop-online/standard-trousers-nc285

Edit Additional Info >> Add a Code Block >> Insert this code

<style>
  div.product-quantity-input, div.sqs-add-to-cart-button-wrapper, .product-price {
    display: none !important;
}
</style>

On 9/26/2021 at 9:42 PM, tuanphan said:

Edit Additional Info >> Add a Code Block >> Insert this code

<style>
  div.product-quantity-input, div.sqs-add-to-cart-button-wrapper, .product-price {
    display: none !important;
}
</style>

 

Thanks for this, it works on the site I am working on for a client, but it doesn't remove the price from the main shop page (or you could call it a collection page). So the price still shows there. 

Any idea what code we would need to put in so that the price for just one product doesn't show on the main shop page? Ie I'd need a code to insert to any product that I don't want a price showing so that it doesn't show up there. 

Thanks!

On 12/10/2021 at 5:17 AM, MadebyMarkham said:

Thanks for this, it works on the site I am working on for a client, but it doesn't remove the price from the main shop page (or you could call it a collection page). So the price still shows there. 

Any idea what code we would need to put in so that the price for just one product doesn't show on the main shop page? Ie I'd need a code to insert to any product that I don't want a price showing so that it doesn't show up there. 

Thanks!

To hide price of a specific product on shop page, we need shop url to check. Can you share link to shop page & which product you want to hide price?

https://www.pacificrentalequipment.com/rental-equipment/p/wood-chipper

Looking to eliminate the price listed as $0 on my clients product page -as these are rental requests not purchases.  Can you help provide a code to support this? 

12 hours ago, BethH said:

https://www.pacificrentalequipment.com/rental-equipment/p/wood-chipper

Looking to eliminate the price listed as $0 on my clients product page -as these are rental requests not purchases.  Can you help provide a code to support this? 

Edit product > Additional Info > Add a Code Block > Use this code

<style>
  .product-price {
    display: none;
}
</style>

Hi Again, Similar question. Can I remove all the prices that are listed as $0 on my product page?  These are custom orders. 

Thanks! 

58 minutes ago, BethH said:

Can I remove all the prices that are listed as $0 on my product page?

Please see the following.

Let us know how it goes.

Hi, I added a custom CSS I found online to make it so that the prices wouldn't show up on certain products when I add the tag "POA" to the product page. It used to hide the price, cart and show a different wording when I added this tag, but it recently stopped working and is still showing just the price. Can anyone help me troubleshoot please?

24 minutes ago, esoraco said:

I added a custom CSS I found online to make it so that the prices wouldn't show up on certain products when I add the tag "POA" to the product page. It used to hide the price, cart and show a different wording when I added this tag, but it recently stopped working

Hello 👋

Squarespace started rolling out a 'Price Formatting' update on 23 August 2022 and this broke all existing custom code to modify prices on both Squarespace 7.0 and 7.1.

If you're referring to my guide How to make some prices POA on Squarespace 7.1 then please take another look today. I've updated it in response to the 'Price Formatting' update 🙂

58 minutes ago, paul2009 said:

Hello 👋

Squarespace started rolling out a 'Price Formatting' update on 23 August 2022 and this broke all existing custom code to modify prices on both Squarespace 7.0 and 7.1.

If you're referring to my guide How to make some prices POA on Squarespace 7.1 then please take another look today. I've updated it in response to the 'Price Formatting' update 🙂

Hi Paul 

Thank you for the update! I tried using the updated code but it's still showing the price after the custom wording I added (though everything else - cart/etc is hidden). Is there something I'm entering wrong? I copy and pasted the code into the custom CSS panel.

1 hour ago, esoraco said:

Is there something I'm entering wrong?

Please provide a working link to the page on your site so that we can take a look.

Please see How to Post a Forum Question for further guidance on the information we need.

4 hours ago, paul2009 said:

Please provide a working link to the page on your site so that we can take a look.

https://esora.co/paintings/aurora 

Here's a link to one of the product pages with the POA tag. Thanks!

Please see the updated article for the latest version of the code. I believe your site is using an older version.

On 8/30/2022 at 12:14 PM, paul2009 said:

Hello 👋

Squarespace started rolling out a 'Price Formatting' update on 23 August 2022 and this broke all existing custom code to modify prices on both Squarespace 7.0 and 7.1.

If you're referring to my guide How to make some prices POA on Squarespace 7.1 then please take another look today. I've updated it in response to the 'Price Formatting' update 🙂

I also tried using the code (with the cost of 321,000.00) and unfortunately the price was still showing and not as POA.

This is the old code we used to use up until a couple of days ago, it changed the price to POA and hid the add to cart button:

<script type='text/javascript'>
//Where products have 321,000.00 price, change to POA
window.onload=function(){
    var elements = document.querySelectorAll('.product-price .sqs-money-native');
        Array.prototype.forEach.call(elements, function (price) {
              if (price.textContent === '321,000.00') {
                price.parentNode.textContent = 'POA';
              for (let el of document.querySelectorAll('.sqs-add-to-cart-button-wrapper')) el.style.display = 'none';
               }
    });
}
</script>

On 8/30/2022 at 7:25 PM, esoraco said:

https://esora.co/paintings/aurora 

Here's a link to one of the product pages with the POA tag. Thanks!

Hi there, I have just been to your website and I see this image now has a new statement, how did you achieve this? many thanks.