Hiding price in product selection

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 }

Add tag: hide-product for 0$$ products, then share url again. We can give the code.

4 hours ago, tuanphan said:

Add tag: hide-product for 0$$ products, then share url again. We can give the code.

I am slightly confused? Are you telling me to add a tag to my forum post before you will tell me how to do what I am trying to do? And what do you mean share URL again?

https://3dpotter.com/printers here is is?

https://prnt.sc/v3y0t0 ?

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'

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  ↘️

On 10/21/2020 at 1:28 PM, paul2009 said:

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  ↘️

Hi Paul, Is this code not working with Squarespace any longer on 7.1?  I have no "footer" option using your steps, only header. I already have custom code there. I also tried adding it a to a new block footer section however just the code shows up on my site.

My ultimate goal is to show my selling prices only in the cart (I don't think this is possible) or after a customer logs in.  I sell power massage chairs from $3K-$12K in the US.  The manufacturers have minimum advertised prices so I cant show my "real" selling prices to the public. Any help is appreciated.  Ive been researching this all day and cant quite find a solution.  Thank you.

www.chairlaxed.com

Shannon

6 minutes ago, Chairlaxed said:

Is this code not working with Squarespace any longer on 7.1?  I have no "footer" option using your steps, only header.

The guide should work but Squarespace have recently updated the backend navigation, moving the Code Injection and Custom CSS panels! I'll need to update the guides to point to the new locations.

In the meantime, please see:

Where is the Code Injection Panel? (includes the Code Injection Footer panel)

Where is the Custom CSS panel?

20 hours ago, paul2009 said:

The guide should work but Squarespace have recently updated the backend navigation, moving the Code Injection and Custom CSS panels! I'll need to update the guides to point to the new locations.

In the meantime, please see:

Where is the Code Injection Panel? (includes the Code Injection Footer panel)

Where is the Custom CSS panel?

Thank you!  It worked.  I changed it to "Price Upon Request"  Instead of having my customers call or email me with their pricing is there any workaround for me to give them their price when they click "Price Upon Request" or a way to show the price in the cart?  Because of my manufacturers minimum advertised price requirements I'm only able to advertise very high retail prices, not my actual prices.

On 10/21/2020 at 12:28 PM, paul2009 said:

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  ↘️

Hey! @paul2009 This is working great! I'm having a little trouble though. Thought maybe you could help. I have 2 scripts running now.

On product pages where there are variables (that are auto selected through another script), that product's price still shows $0.00. It's strange though because in the recommended products section it works!

On product pages where there are no variables, it works great! The $0.00 prices show "Call for Price" and in the recommended products section as well.

Site: https://creative-jewelers.squarespace.com/jewelry/p/round-ring-channel-mounting

Password: abc123

UPDATE: Did some further testing. I removed the other scripts and it works. However, if I click on a variant, it does change to $0.00. So I don't believe the codes are interfering with each other.

8 hours ago, austinalltheway21 said:

This is working great! I'm having a little trouble though. On product pages where there are variables, that product's price still shows $0.00.

Hey @austinalltheway21

This is because the code has been written for products that don’t have variants 🙂. The assumption being that POA products won't be configured with variants because they won't perform any useful function. After all, POA products can't be purchased because the customer won't be charged. However, I can see from your screenshot that it's probably helpful to generate variants so that you can show the available options using variant buttons.

To apply POA pricing to you'll need a script that changes the pricing label whenever a variant is selected, instead of doing so when the page loads.

I hope that helps to explain.

Did this help? Please give feedback by clicking an icon below  ⬇️

4 hours ago, paul2009 said:

To apply POA pricing to you'll need a script that changes the pricing label whenever a variant is selected, instead of doing so when the page loads.

@austinalltheway21

You may find my Store Page Detail Variant Selected Callback code useful in creating a solution. It is not a solution in itself but does some of the lower level stuff to create an effect as @paul2009 suggests.