Jump to content

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

Recommended Posts

Add to Home > Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
1 hour ago, Lucha said:

 

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

Add to Home > Design > Custom CSS

.quantity-label {
    display: none;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.1196794974_ScreenShot2020-11-11at9_58_12AM.thumb.png.7464e9e8433be0f29c6dd85a8dc7133d.png

Edited by CraftSouth
Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 10 months later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
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!

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 8 months later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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?

 

image.thumb.png.fee7c4ae2b4438215991cf5ddb250cbe.png

Link to comment
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 🙂

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
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.

 

 

image.thumb.png.a621f3fdd8691a9a390ee100c4b3de49.png

Link to comment
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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

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

Edited by paul2009

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment
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>

Link to comment
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.