Hey so I’m trying to hide all prices on my products so that I can put in a price estimate calculator instead and I hid the prices on the main page but I can’t hide them on the actual product. Does anybody know how to do that in the code so I don’t have to pay for another subscription to do it?
Topic summary
Goal: Hide all product prices on product pages to replace them with a price estimate calculator, avoiding paid apps.
Proposed fix (code-only): Add a CSS rule to the theme stylesheet to hide the price container.
- Path: Online Store > Themes > Actions > Edit code.
- File: Assets > base.css / style.css / theme.css (whichever exists).
- Code: .price__container { display: none !important; }
- A screenshot was shared showing the expected result after applying the CSS.
Outcome: The original poster reported the CSS change did not work on their product pages.
Alternative suggestion: Install a “hide price” Shopify app (with developer support) to meet the requirement.
Status: Unresolved. A code-based solution was proposed but did not achieve the desired effect for the requester; an app-based approach was suggested as a fallback. No confirmed resolution or theme-specific follow-up was provided.
1 Like
Check this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.price__container {
display: none !important;
}
- And Save.
- Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
thank you for this however it didnt work
Hello @AlexxLemus888
Why don’t you install the hide price shopify app and get support from the app developer to help you out with your requirements?