Hide collection price on the Dawn theme

Solved
i22Agency
Tourist
4 0 2

Hi everyone.

 

How do we disable the price from showing on a collection page, with the new 2.0 Dawn theme?

 

 

Accepted Solution (1)
dmwwebartisan
Shopify Partner
11518 2440 3531

This is an accepted solution.

@i22Agency 

please Go to Online Store->Theme->Edit code then go to assets/component-card.css ->paste below code at the bottom of the file.

.card-information__wrapper>.price { display: none !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 23 (23)
dmwwebartisan
Shopify Partner
11518 2440 3531

@i22Agency 

Please share store URL & screenshot what do you want.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
i22Agency
Tourist
4 0 2

Please see the image:

I want to hide the price that shows R0.00 for now.

 

Screenshot 2021-10-04 at 1.53.40 PM.png

dmwwebartisan
Shopify Partner
11518 2440 3531

@i22Agency 

Please share store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
dmwwebartisan
Shopify Partner
11518 2440 3531

This is an accepted solution.

@i22Agency 

please Go to Online Store->Theme->Edit code then go to assets/component-card.css ->paste below code at the bottom of the file.

.card-information__wrapper>.price { display: none !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
i22Agency
Tourist
4 0 2

WOW!

 

Thanks a million. It worked like a charm!

dmwwebartisan
Shopify Partner
11518 2440 3531

@i22Agency 

Thanks & welcome

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
KatePhillips
New Member
2 0 1

Hi! 
This looks like a great solution, however, I wondered how I can make it specific to one collection template only?
I have a collection template that I have created that is based on the default collection and I only want to hide the price of products on this template. 
I am using the Dawn 2.0 theme.
Thank you! 
Kate

Oguz
New Member
1 0 0

Hi,

Did you find a solution to hide pricing of a specific collection for Dawn theme?

Thanks

oMg
KatePhillips
New Member
2 0 1
No I haven't yet found a solution.
Sewing-Geek
Tourist
8 0 2

Hiding the price in the collections has worked for me too, thanks!

 

I would also like to be able to hide the prices in the product pages unless the customer is logged in... any ideas?

 

Thanks

Jammer1
New Member
3 0 0

Well what I have found is that its really hard to block the customer that is not logged in from seeing prices on anything.. If you remove the prices from the collections then no coding required.. easier solution to the original question. But what i have found that once again we have to use outside apps to get the results you want.. just like with the ridiculous shipping on Shopify.  This app here: Wholesale Lock Manager works pretty well. Does exactly like you are asking. Very simple to use. Shopify should just copy it, and use it .

 

 

mosquecarpet
New Member
2 0 1

For the people if this code doesnt work for you to hide prices from all collections both desktop and mobile. use this code. This is for Dawn 2.0 Theme

 

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.

 

.card-information .price {

    display: none;

}

 

SummersWay
New Member
2 0 0

This worked for me exceptionally. I had done the previous and it worked BUT when I added new products the price was showing on the new products, yet still the price wasn't showing on the products that were in my store before I added the first code. Thank God for this comment that helped me resolve the issue of price showing after adding new products!

eyatesrio
New Member
1 0 0

This worked great to turn all collections off. Thank you so much!!

Is there a way to turn off just specific collections? Creating a specific tag or a product type? And how would the code change?  I am scratching my head like hamlet (to hide or not to hide the prices...lol) and being able to display prices on some and hide prices in other collection displays would help greatly. 

Thanks in advance for your help with this

DDDigitalMS
Excursionist
14 0 10

Hi, Did you ever find a way to do this? I need to hide prices from specific collections in Dawn 2.0 theme, while keeping them visible in other collections. Really struggling to find a solution 😞

Jammer1
New Member
3 0 0

That worked pretty well. But I want to keep the prices hidden till they log in.. How do you do that? Thanks

Unglovedtrading
New Member
2 0 0

is there any reason why this only works for desktop view and not mobile device as well? 

thanks 

Jg305
New Member
1 0 0

Hello I am trying to hide the prices on the collection pages in the Dawn theme and I think I have followed the instructions but I must be missing something. It won’t work for me. Can you send me a screen shot of where the code should be place and how it should look? 
I will greatly appreciate your help.

thanks in advance for any assistance you may be able to provide.

DDDigitalMS
Excursionist
14 0 10

Hi, This is what I did to make it work in the end:

 

Go to Snippets, then find the file card-product.liquid and update line 136, to the code to the below:

 

Capture.JPG

 

 

{% unless card_product.tags contains 'business-listing' %}
        {% render 'price', product: card_product, price_class: '' %}
{% endunless  %}

 

 

I then added the tag 'business-listing' to the products where I did not want the price to show.

 

You can see an example of it working here 

 

Hope that helps

Kome
Shopify Partner
1 0 0

This worked perfectly!! Thank you so much! 🙏

thbeau
New Member
2 0 0

Hi, 

Thank you for the css   .card-information__wrapper>.price { display: none !important;}

Unfortunatly under the theme dawn (shopify) this CSS has no impact on the mobile page. It works perfectly well on laptop pages. Any solution to get the prices hidden in collections for mobile pages ? 

B rgds 

Thierry   webmaster Cricketco.be

 

paulnguyen
Shopify Partner
42 0 2

If you are not code-savvy, you can try this app https://apps.shopify.com/request-for-quote-by-omega?surface_detail=sc&surface_type=se
it can hide price in collection with quick setup