Hide Prices for all products impulse theme

Shopify Discussion
1

I would like to hide Prices for all products impulse theme.

1 Like
2

Hi @Altea

If you dont mind why you like to hide the prices in your store and using paid theme?

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:
.grid-product__price, .product-block.product-block--price {
    display: none !important;
}
  • And Save.
  • If this wont work, would you mind to share your store URL.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Hi Made4uo-Ribe,

I want to hide prices because I will not be selling product yet. My site will be display only at the moment. The above did not work, I put the code in theme.css.liquid which was in the assets folder.

Do you have a better solution? Below is my url, thank you!

Altea (99cc4b-3.myshopify.com)

1 Like
4

You paste it on the wrong area. At the very bottom of the theme.css file.

Made4uoRibe_0-1701292744425.png

You paste it on the inside of the bracket. The 2nd bracket must be up on the .grid-prudct… it must be look like this.

Made4uoRibe_1-1701292891479.png
Made4uoRibe_1-1701292891479.png609Ă—150 5.05 KB

And if you like to show the price soon, I advice add some comment so you can identify the price codes.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

I do

theme.css.liquid.png
theme.css.liquid.png1211Ă—889 74.6 KB

6

I do not see theme.css in my assets folder

7

Yes, you are in the right folder.

Made4uoRibe_0-1701298680017.png

This is the code that I give, it not working because he is inside of the curly bracket. You see the is 2

Made4uoRibe_1-1701298751716.png

Transfer the other one at the top of the .grid-product.

Must be like this.

Made4uoRibe_3-1701298871722.png
Made4uoRibe_3-1701298871722.png626Ă—164 4.7 KB

Do not delete some bracket. It may affect other design.

Dont forget to refresh the store also.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
8

It worked! You’re the best! Thank you.

9

Welcome. You’ve become a developer now. :blush:

1 Like
10

Hi

If I want to hide the price only when it’s value=0.00, How can I do that?

I already have no-price products and collections, But I have some mixed collectiones with and without price value. I don’t want the price to be shown in collection page.

I’ve tried a few things using CHATGPT and support, it did’nt work

Please help!