How to hide collection price on the Dawn theme?

Store Design
1

Hi everyone.

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

2

@i22Agency

Please share store URL & screenshot what do you want.

Thanks!

3

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
Screenshot 2021-10-04 at 1.53.40 PM.png2878×1578 481 KB

4

@i22Agency

Please share store URL!

Thanks!

5

https://sds-medical.myshopify.com/collections/sds-courses

Password is i22

1 Like
6

@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!

2 Likes
7

WOW!

Thanks a million. It worked like a charm!

1 Like
8

@i22Agency

Thanks & welcome

1 Like
9

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

1 Like
10

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

11

Hi,

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

Thanks

12

No I haven’t yet found a solution.

13

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

14

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 .

15

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 :disappointed_face:

2 Likes
16

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

thanks

17

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.

18

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
Capture.JPG746×129 16.8 KB

{% 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

1 Like
19

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

20

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