Hide Price in Sold Out products in Canopy Theme?

Technical Q&A
1

Hey all, I was wondering if I could use a little bit of code to hide the price in products that have sold out in the Canopy shopify theme?

1 Like
2

@llp

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thank you very much - url is laurenpretorius.com

1 Like
4

@llp

thanks for url

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.css ->paste below code at the bottom of the file.
.sold-out .price {display: none !important;}
5

This worked like a charm, thanks so much!

6

When I click on the product the price does show, can I add this snippet of code to the individual product pages as well?

7

When I click on the individual product the price still shows - do I need to add a snippet of code to elsewhere for product pages as well? Thanks!

1 Like
8

@llp

yes its also possible product page bt i can’t fine special code sold out item so i can be done customization code please share us

9

Okay, what exactly should I be looking for to provide you with? Thanks!

1 Like
10

@llp

It can be done by doing some code customization. please send me a personal message and we can discuss what you’d like