How do I remove price from collections page?

[BethLawton10]

Hello, 

How do I remove the price from the collections page? 

URL is https://staysharp.global/

Thanks in advance

[Dbuglabpvtltd]

@BethLawton10 
You can use css property display none to remove the price from collection page.
Or you can remove the price from liquid code.

[VectorCommerce]

@BethLawton10 

Do you want to remove the price from all collections, or are there some collections you want the price removed from while keeping prices on some?

You can edit your theme code to change that collection template and remove the pricing.

I would do this by creating a new collection template, and removing the code that shows the pricing. This way you can have two collection templates to choose from: one without price showing, and the other with price showing.

Hope that helps!

[ARTess]

@VectorCommerce

I had this same question and I did what you said, I created another template to remove the pricing from just a certain collection but what code do I put in the json of that collection to remove the price tags from all products? I would also like to remove the "sold out" tags from this same collection?

[JazzzArt]

Hey Artess - I was wondering if you ever found a solution? I'm in the same predicament with creating my template for collections that doesn't show the price. 

[AvadaCommerce]

Hi @BethLawton10 ,

Do you mean to remove this table price from the collection page?

Please confirm again. Thanks you

[BethLawton10]

Hello @AvadaCommerce 

I mean the prices underneath the products on the homepage. Sorry, my original message wasn't clear. 

Any ideas?

Thank you 

[mt686]

Hello @BethLawton10 !

So I went ahead and wrote a bit off CSS that will have your desired effect:

{% if template.name == "index" %} 
{%style%}
.grid-product__price {
    display: none;
}
{%endstyle%}
{% endif %}

(Do this on a copy theme!) Go into your store admin, then go to Online Store > Themes > Actions (on your live theme) >  Edit Code. Then search and find the file named 'theme.liquid'. Add that code to either the very top or bottom of that file, then hit save. That should work, let me know if it doesn't!

Another way to do it would be to use the app Easy Edits: https://apps.shopify.com/easy-edits
If you use the app, you can just click on the prices on the home page and set the display to none (it gives you a click and change editor for your store). You can always make your edits, and then delete the app and keep the edits, without paying.

(Disclaimer: I'm the founder/developer behind the app)

Hopefully, that helped out, let me know if it did or if I can answer anything else!

[BethLawton10]

@mt686 the code didn't work unfortunately. I can't use the app as our legal team have to approve any apps we use, so I'd have to go through the due diligence process. 

Thank you anyway 🙂

[mt686]

Give this a try: 

{% style %}
.grid-product__price {
    display: none;
}
{% endstyle %}

Follow the same instructions to add it that I wrote before, and make sure to add it to a copy of your theme and look it over before publishing. Here's a screenshot after adding that code to your site:

[AvadaCommerce]

Hi @BethLawton10 ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

.grid-product__price {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[vannivrystaat]

Hi, how can I remove the product pricing from my collection page:

Just this collection page: 

https://vannivrystaat.co.za/collections/biltong we use DEBUT as theme.

[webpagecrew]

Best answer here - thanks!!!

[Danajeannebell]

Hello, I just tried this and it didn't work for me. 

[Danajeannebell]

I tried the below {% style %} .grid-product__price { display: none; } {% endstyle %} and it worked! Thanks!

[Web_Sidd]

Hi!

where did you paste this content? Is it in theme.liquid or in the collection.json?

thanks

[TomMc]

Wouldn't the code need to be redone anytime there is an update to the theme? Thanks, Mt686. What a cool editing app, BTW. 

[sarah_payne]

Hi I I'm looking to remove the prices in only one collection, as I'm not sure if I would be capable of inserting code, I have downloaded your app, but for some reason it's not working?  it says 

Application error

An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command
heroku logs --tail

[Spac-es]

"Remove prices in collections tab"

I had the same concern, and managed to figure out how to do this in just a few steps. I want to share it here in case anyone else needs it!

(I'm using the default DAWN theme, although the idea should work in any Shopify theme)

1- Go to your store code and look for the following file called: price.liquid

2- Add the following code after the container: <div class="price__container">

  {% if collection.url contains '/collections' %}
    {%- assign show_price = false -%}
  {% else %}
    {%- assign show_price = true -%}
  {% endif %}
  
  {% if show_price %}

3- Remember to close the condition {% if show_price %} at the end of the code with {% endif %}. Line 93 in my case. The code will look something like this:

4- Save the file. In the collections tab you will no longer see the prices on the products.

I hope it has helped you!

[ChampTableTech]

Thank you very much it worked! I tried all the other code but it didn't work for me, except for yours. The prices in my collections are hidden now thank you again!

[hbenik]

This looks like a great solution, but I don't seem to have <price.liquid> in my code? Using the impulse theme....

[Spac-es]

I have tried to download that template to find what the file is called in that specific topic, but since it is paid, I had to search the internet and there is no information about it. I would recommend asking an expert on the subject, or requesting support to find out what name they use for price.liquid

[hbenik]

Ok, thank you!

[Amarann]

This worked for me as well, but I am trying to only remove the price for one of my collections, or one page. Is there a modification that will achieve that here, or do I have to go the template route?

[Spac-es]

Of course! To achieve that, you need to edit the following code:

{% if collection.url contains '/collections' %}

Replace '/collections' with the part of the URL that contains the page you want to apply the effect to, for example: /products/blue-item.

If you need the code to affect more than one URL, you can do something like this:

{% if collection.url contains '/products/blue-item' or collection.url contains '/products/red-item' %}

[DDDigitalMS]

Hi and happy new year! Thanks so much for these solutions. But I'm really hoping you can help a little further...

I need to hide the price on some but not all Collections too, but the above solution doesn't quite work for me due to the number of collections that I need to hide the price on.

Is it possible to set a hide price rule that kicks in based on a product tag, product type or even which product theme template it uses?

I'm using the Dawn theme and was previously given workable code to hide prices on any product tagged with 'business-listing'. This worked great on Dawn v 3.0.0, but I'm now upgrading to Dawn v 12.0.0 and the original code no longer works. 

I feel like your solution above would work perfectly if I could just change the collection.url contains '/collections' rule to something like product.tag contains 'business-listing' instead, but I tried that and it didn't work.

Would really appreciate your help.

[Spac-es]

Hey! Happy New Year!

I understand your issue. If you have a large number of products where you want to hide the price and only a few products where you want to display the price, you can negate the original condition and list only the URLs where you want to show the price (do the opposite 'show_price'):

  {% if collection.url contains '/products/blue-item' or collection.url contains '/products/red-item' %}
    {%- assign show_price = true-%}
  {% else %}
    {%- assign show_price = false-%}
  {% endif %}
  
  {% if show_price %}

The method you mention requires a good understanding of Shopify's liquid code, and I can't guide you on how to directly retrieve tags from products through code.

After exploring many pages and forums with similar topics, I've come up with a condition that takes product tags into account, in this case, 'business-listing.' I'm not sure if it will work, as I haven't tested it, but it's the best I could come up with. Hope it helps!"

{% if 'business-listing' | within: product.tags %}

[DDDigitalMS]

I used your first option with adding the few collections that needed to show prices, and it worked perfectly! Thank you so so much. It's so kind of you to help so many of us with this issue and provide customised tweaks. 

Hope you have a fabulous 2024 😊

[PhoenixGaming]

Hi! I was hoping to get some help with this, i'm trying to remove pricing from collections on a duplicated theme code but keep getting this error (i'm no coder, just need a specific thing to work haha)

• Liquid syntax error (line 28): 'if' tag was never closed
  
  This is the code, with the inputted section you suggested
  
  
  

  {% assign formatted_price = price | money %}

  {% comment %}
  Unless this store uses multiple currencies,
  if we apply a special style to cents,
  we will wrap them in a sup (superscript) element.
  {% endcomment %}

  {% if collection.url contains '/collections' %}
  {%- assign show_price = false -%}
  {% else %}
  {%- assign show_price = true -%}
  {% endif %}
  
  {% if show_price %}
  {% unless shop.money_format contains 'money' or shop.money_format contains '.' %}
  {% if settings.superscript_decimals %}
  {% if shop.money_format contains '{{amount}}' or shop.money_format contains '{{ amount }}' %}
  {% capture formatted_price %}{{ formatted_price | replace: '.','^{' }}}{% endcapture %}
  {% elsif shop.money_format contains '{{amount_with_comma_separator}}' or shop.money_format contains '{{ amount_with_comma_separator }}' %}
  {% capture formatted_price %}{{ formatted_price | replace: ',','^{' }}}{% endcapture %}
  {% endif %}
  {% endif %}
  {% endunless %}

  <small aria-hidden="true">{{ formatted_price }}</small>
  <span class="visually-hidden">{{ price | money }}</span>
  
  
  Thanks in advance! 

[Spac-es]

That error you're experiencing in your code is because you haven't properly closed the condition with {% endif %}. In my initial response in this thread, I explained step by step how to remove prices from collections. Specifically, in point number 3 in the image, you can see that we correctly closed that condition around line 93 in the document!

[PhoenixGaming]

Thanks so much - really appreciate your time. It is all new to me.

[Apex_Medical]

Hi @Spac-es, I was wondering if you could please assist me.

I am using the Yuva theme and I am trying to hide the pricing from a specific collections template but I am having great difficulty doing so.

Could you please drop me an email on accounts@apexmed.co.za and confirm if you're able to assist?

[Spac-es]

Of course!

[Val_Mad]

Hi, I'd like to try this out for my BROADCAST theme but it doesn't have "price.liquid". I'm no developer but the closest I can see is "product-price.liquid" but I can't find reference to any "container" code to apply your changes. Do you have any suggestions for something else I could try? I just have one collection that I'm trying to omit prices displaying on. 

[Bibs]

Did you have any luck? Struggling with the same issue currently

[Apex_Medical]

I was able to get help form a user that goes by the username: Spac-es

[julefrms]

I have the same issue in my impact theme. I just want to remove the prices from specific collections but there's no "product.liquid" code.. 😞

[Russell_Turner]

Needed the same resolution. Thank you – this worked a treat.

Russell

[bridalstore]

This looks like the most thorough response! Unfortunately I'm using Pipeline theme and it has 'product-price.liquid' file, not 'price.liquid'

Would love your support to understand where to add this code on my theme in 'product-price.liquid' file (looks very different than your screenshot). I think other people below had similar questions. thank you!!

[pcipriani]

We are prohibited to display pricing on some of our products. I was able to modify the price.liquid file so that an item with no price (0.00) would state "Contact us for pricing" instead of showing $0.00 as the price. Here's the code snippet...

{% comment %}
Custom code to suppress price if zero
{% endcomment %}
{% if price < 1 %}
<span class="price-item price-item-regular">Contact us for pricing</span>
{% else %}
<span class="price-item price-item-regular">
{{ money_price }}
{% if settings.price_tax_suffix and cart.taxes_included %}
<span class="sup">{{ settings.price_tax_suffix }}</span>
{% endif %}
</span>
{% endif -%}

And of course you must position it correctly, replacing the code that displays the price.