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

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

liopee
Tourist
8 0 2

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 onethis 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.

Replies 2 (2)

colleenc
Shopify Partner
91 9 21

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
Shopify Partner
695 58 101

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.

 


If this fixed your issue, likes and accepting as a solution are highly appreciated.

Build an online presence with our custom built Shopify Theme EcomifyTheme