How can I hide product prices on my webpage?

AlexxLemus888 · ‎12-01-2023

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?

Made4uo-Ribe · ‎12-01-2023

Hi @AlexxLemus888

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

View solution in original post

Made4uo-Ribe · ‎12-01-2023

Hi @AlexxLemus888

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!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

AlexxLemus888 · ‎12-01-2023

thank you for this however it didnt work

magecomp · ‎07-26-2024

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?

Helping voluntarily. Please like and accept the solution if it helps. Thanks!
Our Bestseller Shopify Apps | Mobile App Builder by MageComp | Shoplock Hide Pages/Collections

How can I hide product prices on my webpage?

How can I hide product prices on my webpage?

Need a developer? Just visit MageComp website

Community Blog Articles