Supply Theme Show Price range of Variants on Collections page

[kopetski7]

I have multiple size variants of a particular product which have different prices and I would like the collection page to show that price range instead of the lowest price variant price. Thanks in advance for the help

[Wahab_Ahmad]

Hello @kopetski7,

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[kopetski7]

Thanks for helping! I edited the code and it worked however now all the products that don't have variants show price-price (so 25.99- 25.99) instead of just the one price. Any ideas how to edit and fix ? Thanks again

[SB_90]

Hi there

Line 76 in the product-grid-item.liquid Snippet.

{% include 'price' with product.price %}

Change that for:

{% include 'price' with product.price_min %} - {% include 'price' with product.price_max %}

That should get you to somewhere near what you need? 

[Wahab_Ahmad]

@kopetski7, Try this

{% if  product.price_varies %}
  {% include 'price' with product.price_min %} - {% include 'price' with product.price_max %}
{% else %}
 {% include 'price' with product.price %}
{% endif %}

 if useful please mark as like and accept the solution

[kopetski7]

This removed the price from the non variant ones. variant ones are correct, but no price is shown for ones with no variant. 

[kopetski7]

Ok think I figured it out just added another else statement

{% if product.price_varies %} {% include 'price' with product.price_min %} - {% include 'price' with product.price_max %}
{% else %}
{% include 'price' with product.price %}
{% endif %}

Thank you for your Help!!

[dev-myk]

Hi, the same worked for me. Thank you a lot.

But now I also want the price range of variant products to show on the search results page too...Any help will be appreciated. 

Thank you.

[dev-myk]

@kopetski7, 

[dev-myk]

@Wahab_Ahmad , @kopetski7,

Hi, the same solution you provided worked for me. Thank you a lot.

But now I also want the price range of variant products to show on the search results page too...Any help will be appreciated. 

Thank you.

[DeeVinyl]

Any idea why when I add this that some of the variant ranges show, but not all of them? 

[Jahid-KlinKode]

Hi @kopetski7, learn to easily display variant details on Shopify collection pages by watching this tutorial: