How to hide pricing on Dawn theme collection page

Solved

How to hide pricing on Dawn theme collection page

Tatorchip208
Excursionist
17 0 3

Hi I am trying to hide pricing on collection page. Any help would be much appreciated. If solved, I will buy you a coffee. 🙂

 

Website: https://lightbeneathmyfeet.com/

 

password: usacrew

 

Screenshot 2025-05-27 at 12.03.32 PM.png

Accepted Solution (1)

Moeed
Shopify Partner
7715 2071 2550

This is an accepted solution.

Hey @Tatorchip208 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__information .price {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1748368012615.png

 

If I managed to help then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
7715 2071 2550

This is an accepted solution.

Hey @Tatorchip208 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__information .price {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1748368012615.png

 

If I managed to help then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


CodingFifty
Shopify Partner
1007 151 176

Hi @Tatorchip208,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.card__information .price {
    display: none !important;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

wo
Shopify Partner
219 45 47

 

Although it is a bit troublesome, I like the following method.
Find the location where the price is displayed in card-product.liquid. Add {% unless show_price == false %}xxx{% endunless %}

wo_1-1748400927285.png

Add schema in main-collection-product-grid.liquid.

wo_2-1748401109030.png

and  show_price: section.settings.show_price,

wo_3-1748401124150.png

 

Finally get

wo_4-1748401192634.pngwo_5-1748401208792.png