Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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


jnewell

Recommended Posts

  • Replies 38
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Hi, I think this thread is awesome, and I'm looking to do the same thing. But before I propose using products to my client, I want to make sure you can actually remove all purchasing indicators. We on

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

Hi, I tried all the codes in Product's Page header Code Injection in Advanced, but the price and "Add to Cart" button are still there. Is there some other code or something else I can do to remove th

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
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
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
Link to post
  • 9 months later...
  • 1 month later...

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
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
Link to post
  • 3 months later...

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
Link to post
  • 1 month later...
  • 3 weeks later...
Guest

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 Guest
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
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.

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.

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.

Link to post
Guest

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 Guest
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.

Link to post
Guest

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 Guest
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 :(

Link to post
Guest

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 Guest
Link to post

Create an account or sign in to comment

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


×
×
  • Create New...