Hide price only for products priced at $0 (not just sold out).

Solved

Hide price only for products priced at $0 (not just sold out).

ksinclairart
Visitor
2 0 0

Is there a way to hide the price on a product card when the price is set to $0? Across the entire site?

 

I found this question/answer to hide the price if the quantity is zero (sold out) and it worked:

https://community.shopify.com/c/shopify-design/dawn-theme-hide-price-of-out-of-stock-items/m-p/18458...

Is there a way to modify that code snip for the theme.liquid page to be "if product price is 0", not "sold out"?

 

<style> .price.price--sold-out { display: none; } </style>

Accepted Solution (1)

Taknify
Shopify Partner
202 14 25

This is an accepted solution.

Go to price.liquid assuming you are on dawn theme. 
Then, 
Add a condition on price__regular  div. 
You can add whatever logic you want on it. 

Taknify_1-1688688367269.png


Results: 
My Tuxedo doesn't show price because the price is $0.

Taknify_2-1688688411403.png

 

 

Let me know if you have further questions or need help on anything else. 

Need to tweak your store a bit? Come and visit us at Taknify or send me message.

View solution in original post

Replies 9 (9)

Taknify
Shopify Partner
202 14 25

This is an accepted solution.

Go to price.liquid assuming you are on dawn theme. 
Then, 
Add a condition on price__regular  div. 
You can add whatever logic you want on it. 

Taknify_1-1688688367269.png


Results: 
My Tuxedo doesn't show price because the price is $0.

Taknify_2-1688688411403.png

 

 

Let me know if you have further questions or need help on anything else. 

Need to tweak your store a bit? Come and visit us at Taknify or send me message.
ksinclairart
Visitor
2 0 0

Wonderful, this worked perfectly!  I wasn't sure what to write (or where to put it).

 

You were correct - Dawn theme.  I was able to easily locate the price.liquid file and add the code you highlighted + endif section at the end.  Thank you so much!

Taknify
Shopify Partner
202 14 25

I'm glad that was what you wanted. Again, don't hesitate to reach out to me if you have further issues down the road. 
Taknify
Tweek your store

Need to tweak your store a bit? Come and visit us at Taknify or send me message.
SASCustoms
Visitor
1 0 1

Hey @Taknify Can you help me with a different solution approach for the same code you shared ? 

 

1, hide the price of the product when it is "zero" from both the product card and product details page , Also remove the add to cart button and show a different button with a custom link ?  Can you help me for this ? 

 

 

amirasvanity
Excursionist
13 1 0

I'm trying to do the same. Will let you know if I come up with a solution. 

nicebunsbaking
Visitor
1 0 0

Hi, can you specifically paste what to write if I don’t want to display a product price set at $0? I copied exactly what you wrote here and it’s not working. I have the dawn theme

Taknify
Shopify Partner
202 14 25

Do you mind sending me a message with your store name so I can take a look?

Thanks,
Taknify

Need to tweak your store a bit? Come and visit us at Taknify or send me message.

Monique_B
Shopify Partner
7 0 1

Is there someone who knows where to add it in the Focal theme?

Taknify
Shopify Partner
202 14 25

Hello,

Since this is a paid theme, I am not able to view the code to make changes. If you can provide the code or something so I can check, I can likely help you further on it. 


Need to tweak your store a bit? Come and visit us at Taknify or send me message.