how do I remove the $0.00 in the product page?
Topic summary
Removing a $0.00 price readout on a Shopify store, specifically on the collection (all products) listing page—not on individual product pages. The store URL and target page were provided.
Key attempts and suggestions:
- Theme Customizer: Hide price in the Product Information section of the Product template (works for individual product pages; the requester already did this and needs it for the collection grid).
- Edit theme.liquid: Instructions to add code above were given, but the actual code snippet was not visible in the shared content.
- Add CSS: A helper suggested placing a rule in base.css to hide the price (selector: .grid__item .grid-product__price .hidden { visibility: hidden; }). The requester couldn’t find base.css under Assets; the helper then advised adding the code in theme.liquid before (exact code not visible in the extract).
Notes:
- Images were shared (UI steps and a screenshot of Assets) and code blocks were referenced, but the code content appears missing in the provided text.
Status: Unresolved. The user still sees $0.00 on the collection page; next step likely requires correct CSS injected globally via theme.liquid or the appropriate asset file.
Hi, @davidsirota
Please send page url
Hi @davidsirota
Could you share your product page link that has $0.00 price?
Hi @davidsirota
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Sahil
Hey @davidsirota
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @davidsirota ,
To hide the Price ($0.00) in the Product Information section, follow these steps:
- Navigate to Online Store.
- Go to Themes.
- Click Customize.
- Choose your Product template.
Once there, locate the option to hide the price within the Product Information section:
specifically in shop product page https://sirotadavid.com/collections/all
on the full list of products page not individual product page
that didn’t work
I want it gone on the product page not on the individual products I already put hide for that.
Hi @davidsirota
Please add this code at the bottom of your base.css file
.grid__item .grid-product__price .hidden { visibility: hidden; }
where is the base.css file?
Online store > Themes > Edit code > Assets
hello