Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Sign in to follow this  
jnewell

How do I remove “price” “add to cart” and “quantity” fields in the Store?

Recommended Posts

We’d like to use the Squarespace store area as a more sophisticated way to display our product than the gallery areas offer.

But we don’t want to show pricing or offer for immediate sale, so the price add to cart and quantity fields are not wanted. How do we remove them?

Edited by jnewell
Tidy

Share this post


Link to post

In your Product configuration, on the Advanced tab, add the following in the code-injection section:


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

Note this hides the quantity and add to cart buttons, but that means there is no logical “next” action for the user.

Edited by jonathan oberg

Share this post


Link to post

Try adding this in the same injection spot if that doesn’t work, try adding it to the site-wide code injection:


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

Side note: that Reve Console looks fantastic. Good luck.

Edited by jonathan oberg

Share this post


Link to post

Try adding this in the same injection spot if that doesn’t work, try adding it to the site-wide code injection:


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

Side note: that Reve Console looks fantastic. Good luck.

Share this post


Link to post

You can add it directly in the product configuration advanced tab.You my friend totally rock! Thanks for the comment on the Reve console.

Edited by jnewell

Share this post


Link to post

Little side note you shouldn't use CSS in the code injections. Use the custom css found in the style editor.


Squarespace developer since 2007.

I create a professional process for each client to ensure that your objectives are met and users are happy. Something I love to embrace.

I'm available for hire

Get in touch at http://www.nickscola.com or via email at squaretuts@gmail.com

Share this post


Link to post

All this code worked great for the NON-mobile version of my site, but when you view the mobile version of my website, the price information still shows up. How do I fix this?

Share this post


Link to post

This is the custom code that will eliminate ALL pricing info on mobile and computers. In the content manager, go to the products gallery > Product Settings > Advanced > Page Header Code Injection and paste this code:


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

Edited by jhughes92
Format code, remove redundancy

Share this post


Link to post

This is a great thread, thanks.

Guys, wondering about eliminating price info until are added to cart/checkout? Can the code above be modified to achieve? If just this is inserted will user still be able to select item and proceed to next step?


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

Thank you!

Edited by lkribs

Share this post


Link to post

Thanks for the code to hide all the prices. Very helpful!

Does anyone know the code to hide the quantity too?Is there a possibility to create a button like “Enquire now” or “Book now” to create a link between the product page and a registering page for customers?

Thank you!

Edited by ImaadBKK

Share this post


Link to post

Can anyone help with actually doing this for one of our websites on squarespace for us? Just I am not a coder and don't want to risk mistakes.

Share this post


Link to post

I inserted a code in advanced tab as you advised but the quantity option is still visible. Can anyone please help me with that?Thank you, Neli.

Edited by florideja

Share this post


Link to post

You should try this one :


<style> .sqs-add-to-cart-button-wrapper { display:none; } <style> .product-quantity-select { display:none; } </style> <style> .product-price { display:none; opacity: 0; } </style>

It works for me :)

Edited by ImaadBKK

Share this post


Link to post

@ImaadBKK – Please don’t take this wrongly, but I would suggest reading up on CSS a little bit, try this SitePoint CSS Reference.

That CSS is awful, there’s redundancy (all those <style> tags, duplicate display: none) and code that doesn’t do anything (opacity: 0). Here it is rewritten:


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

Edited by neeklamy

The name is an Anglicised form of the Greek Korvetti — I like to think there’s a little bit of the ancient Hellenic drive in me.

Share this post


Link to post

@jhughes92 – I’ve reduced your CSS down, there was some redundancy in there and code that didn’t do anything: opacity: 0 is meaningless when the element is hidden.

I would urge everyone else that has taken this CSS verbatim to look at it again and see if they can simplify their use – remember, simpler code = faster, more efficient websites!


The name is an Anglicised form of the Greek Korvetti — I like to think there’s a little bit of the ancient Hellenic drive in me.

Share this post


Link to post

@sossy – Just try adding the CSS from @jhughes92 answer, the very worst thing that can happen is that you don’t like the changes it makes. Or it doesn’t even work. Either way it’s easy enough to undo.


The name is an Anglicised form of the Greek Korvetti — I like to think there’s a little bit of the ancient Hellenic drive in me.

Share this post


Link to post

I copied the code from @jhughes92 but the result is the same.

Product quantity is still visible. The price and the Add button are removed. Unfortunatelly I can’t change CSS by myself because I don’t have enough knowledge. Is there anything else I could try?Thank you

Edited by florideja

Share this post


Link to post

@florideja – it’s difficult to say what’s happening without seeing your site. Could you give us the address of a page where you’re trying to make the change?


The name is an Anglicised form of the Greek Korvetti — I like to think there’s a little bit of the ancient Hellenic drive in me.

Share this post


Link to post

Hi @neeklamy, here is the link to my page link text

Since I'm still working on the page is still hidden. The web page I'm working on is link text

Let me know if you need some other data to access the page.

Edited by florideja

Share this post


Link to post

Hello everyone!

I am really trying to figure out why the codes are working for everyone on this forum but me.I could have sworn they worked for me in the past but now seems they are not.Does anyone have any in site. I have been working for weeks on this site adding my products and now of course if the pricing shows we can not use these pages :(

Share this post


Link to post

The first time I embedded the code I managed to get rid of “Add to Cart” button and price but now the same code doesn’t work anymore. I never managed to remove quantity window.

Edited by florideja

Share this post


Link to post

Create an account or sign in to comment

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

Sign in to follow this  

×
×
  • Create New...