Jump to content

Hide specific product prices 7.0

Recommended Posts

On 8/20/2022 at 9:18 PM, tuanphan said:

You can also edit product > Additional Info > Add a Code Block > use this code

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

 

Sorry, just seeing this. If I add a code block won't that affect all the prices on the page. I only want to hide the canopy prices. Maybe I'm not sure exactly where to add the Code Block. Thanks!

 

Link to comment

You can find the ID's you want in chrome browser. You can right click and select inspect. That will bring up developer mode which will have lots of options and can be alittle hard to learn. I'd just give you the ID's, but I can't right now cause I'm on my phone and got some problems at home. I'll try to help you later if I have time. 

Link to comment
6 hours ago, nwhittlesey said:

Sorry, just seeing this. If I add a code block won't that affect all the prices on the page. I only want to hide the canopy prices. Maybe I'm not sure exactly where to add the Code Block. Thanks!

 

You mean hide on Individual Product, or hide price on Shop List Page. My code for individual product

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.