Jump to content

Hiding price in product selection

Recommended Posts

Site URL: https://3dpotter.com/printers

I am trying to hide the price of SOME items but not all.  The ones I want to hide are just listed as $0.00

I can hide the price of all items or none. Can't quite figure out the correct syntax. 

It would be even better to edit the price to display what I want it to, but when you go to cart it still says 0 as that it the actual item price. (This is being done so you can not checkout through the website for expensive items)

 

This does nothing: http://prntscr.com/v3bhps (Correct item IDs, but does nothing)

This removes all: http://prntscr.com/v3bh75 (Not wanted)

My current CSS (that is not working)

//Remove price on expensive products on printer page
#item-5be31bc8b8a0451f1d9c24b7,
#item-5be31bd68a922d43bbdb4e15,
#item-5d9f6adff9ee22472670fde8,
#item-5da0820a0758ca2ff2ece698,
.collection-type-products .product-price {
    display: none !important;
}

As for the individual product pages themselves, I already have that working.

My current CSS (that is working for the individual pages)

//Remove price on expensive products
#item-5be31bc8b8a0451f1d9c24b7,
#item-5be31bd68a922d43bbdb4e15,
#item-5d9f6adff9ee22472670fde8,
#item-5da0820a0758ca2ff2ece698,{
   .product-price {
   display: none !important }

Edited by 3dpotter
Link to comment

Found a fix from a previous post. 

Entered into page header code injection.

<style> a#thumb-potterbot-10-xl .product-price { display:none !important;}</style>

<style> a#thumb-scara  .product-price { display:none !important;}</style>

<style> a#thumb-scara-elite  .product-price { display:none !important;}</style>

<style> a#thumb-scara-elite-xbpln  .product-price { display:none !important;}</style>

Only thing left to do would be to display what i want instead of 'none'

Link to comment
On 10/20/2020 at 8:39 PM, 3dpotter said:

I am trying to hide the price of SOME items but not all.  The ones I want to hide are just listed as $0.00

You shouldn't need any tags. I wrote a guide that explains how to convert 0.00 prices to POA. You'll find it here:

How can I make some prices POA on Squarespace 7.0?

There's a version for Squarespace 7.1 here too:

How to make some prices POA on Squarespace 7.1

   If a post helps you, please click a "Like" option below  ↘️

Edited by paul2009
Added 7.1 guide

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

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.