Shopify themes, liquid, logos, and UX
Hi everyone.
How do we disable the price from showing on a collection page, with the new 2.0 Dawn theme?
Solved! Go to the solution
This is an accepted solution.
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!
Please share store URL & screenshot what do you want.
Thanks!
Please see the image:
I want to hide the price that shows R0.00 for now.
Please share store URL!
Thanks!
This is an accepted solution.
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!
WOW!
Thanks a million. It worked like a charm!
Thanks & welcome
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
Hi,
Did you find a solution to hide pricing of a specific collection for Dawn theme?
Thanks
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
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 .
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
.card-information .price {
display: none;
}
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!
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
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 😞
That worked pretty well. But I want to keep the prices hidden till they log in.. How do you do that? Thanks
is there any reason why this only works for desktop view and not mobile device as well?
thanks
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.
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:
{% 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
This worked perfectly!! Thank you so much! 🙏
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
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
User | RANK |
---|---|
74 | |
73 | |
62 | |
59 | |
41 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023