FROM CACHE - en_header

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)

Accepted Solutions
dmwwebartisan
Shopify Partner
11014 2379 3402

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 | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 23 (23)
dmwwebartisan
Shopify Partner
11014 2379 3402

@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 | Click here GemPages The most powerful Shopify page builder.
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
11014 2379 3402

@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 | Click here GemPages The most powerful Shopify page builder.
dmwwebartisan
Shopify Partner
11014 2379 3402

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 | Click here GemPages The most powerful Shopify page builder.
i22Agency
Tourist
4 0 2

WOW!

 

Thanks a million. It worked like a charm!

dmwwebartisan
Shopify Partner
11014 2379 3402

@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 | Click here GemPages The most powerful Shopify page builder.
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

Jammer1
New Member
2 0 0

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

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
4 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
2 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 .

 

 

DDDigitalMS
Excursionist
13 0 8

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 😞

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
13 0 8

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

thbeau
New Member
1 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
28 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