Hide some product price on collection page

[Digital_Imran]

Hello everyone. On the collections page, I want to hide some products' prices that are $0. I would appreciate it if someone could give me the code to hide the prices. Screenshot below. I want to hide all phone cases price on the collection page, not on product page.

Store URL: Eternitai.store

I would appreciate any help you can provide 🙂

[Skye]

Hi, @Digital_Imran 

Greetings, and thanks for posting!

While I can't provide a specific code to hide the product prices, you are able to use an app such a as Request Quote + Hide Price to hide some of your products prices.

Additionally, there is a thread here that provides code instructions. This may or may not work for your theme, so it's important to save your theme before making any code adjustments.

I hope that helps! Lastly, feel free to share a link to your store as there may be additional feedback we can provide.

[Dan-From-Ryviu]

Hi @Digital_Imran 

Store URL you provide does not correct

[Digital_Imran]

I'm sorry . Please check again
https://www.eternitai.store/

[Dan-From-Ryviu]

Hi @Digital_Imran 

You can try to add this code at the bottom of your theme.css file to check if it works 

.grid__item:has(.money[bucks-init="0.00"]) .grid-product__content { display: none !important; }

[Digital_Imran]

The code hides the entire product, sir. I only want to hide "Price" on collection pages of products with no price ($0 price).

[Dan-From-Ryviu · Accepted solution]

Please try to use this code instead 

.grid__item .grid-product__content .money[bucks-init="0.00"] { display: none !important; }

[Digital_Imran]

Thank you so much @Dan-From-Ryviu . You made my day .  Its work
I will recommend your apps to more of my clients. I appreciate you so much 

[Dan-From-Ryviu]

You are very welcome 😁

[jborst1986]

Dan,

There is no Theme.css in dawn 12. At least I can not find it :). Has it been changed or?

Thanks!

[Dan-From-Ryviu]

Hi, in Dawn theme, it is base.css file