How to completely hide price of products in some collections from the site - Dawn Theme

[liopee]

Please, I need help. I want to hide price of products from specific collections while not hiding it from others. For example, I do not want the price to show in collections with the handles rentals or light-towers but I do want to show the prices in other collections.

I have tried to use solutions shared in threads like some threads like this one, this one, and this one but it's either it's not clear enough or the code doesn't work for me. I found one that made me very happy believing that I've nailed it but it turned out that the solution only works for the first page of the collection (meaning if the collection page has pagination, when it's clicked to see the next set of products, the prices of those products show), it also doesn't remove the prices from the homepage.

Any chance you could help please? I would really appreciate it. Thanks!

Using DAWN theme.

[colleenc]

Hi Liopee, The answers above are lovely, elegant ways to solve your issue.

But I took a more simple approach and just duplicated the product page, which creates another product page, name it "No Price"  and remove or hide the line that pulls in the pricing then I use that template when I add an item that shouldn't show the price. 

The catch is that you do have to remember to choose the correct template, but you also don't need any complicated coding to do this. Just duplicate the template, name it no price, and use that template.

Follow along as I create your template here: https://www.loom.com/share/62cf5f320a754d4bb0492999f43638a2

Hope this helps.

[EcomGraduates]

hello there  

To completely hide the price of products in certain collections on a website using the Dawn theme, you will need to edit the code of the theme. Here are the general steps you can take to accomplish this:

1. Access the theme code by going to your Shopify admin and selecting "Online Store" and then "Themes."
2. From the theme list, find the "Actions" button for the Dawn theme and select "Edit code."
3. In the code editor, navigate to the "Sections" folder and then find the "product-template.liquid" file. This file controls how product pages are displayed on your site.
4. Look for the section of code that displays the price on the product page. It should look something like this:

<span class="money">{{ product.price | money }}</span>

1. You can either remove this line of code or comment it out using the following syntax

{% comment %} <span class="money">{{ product.price | money }}</span> {% endcomment %}

1. Next, you'll need to find the code that displays prices in the collection pages. It should be in the product-grid-item.liquid file in the Snippets folder
2. You can either remove this line of code or comment it out using the same syntax as step 5
3. Save your changes and test your site to make sure that prices are no longer visible on the products in the specified collections.

[Baba_Yaga]

That was a mission with the new Dawn theme 15.0.2  I had to inspect the source code for my products page to determine the exact code to use to remove pricing.

This will remove the pricing from all your products on the collections page. Best practice is to make a copy of your current theme incase nothing goes wrong and test it. 

1. Access the theme code by going to your Shopify admin and selecting "Online Store" and then "Themes."
2. From the theme list, find the "Actions" button for the Dawn theme and select "Edit code."
3. Expand the assets folder or search Base.CSS
4. Scroll to the bottom of the page and paste the following code

.card-information .price {

    display: none !important;

}

I hope this works for your pages.