Supply Theme - display price range for a product on Collection page?

New Member
2 0 0

Most of our products have price differences based upon variation, but the Collections pages only show the lowest variant price for each product.  We would like to show the price range, rather than the lowest price, because just showing lowest is kind of deceiving.

 

For example, on this page https://yellowpaperhouse.com/collections/patterned-inserts, the products show as $6.00, but we would like it to show $6.00-$8.00.

 

Can that be done with the Supply Theme?

 

Thanks in advance for any help.

0 Likes
Shopify Partner
1141 93 139

hi,@@@

 

try this

{%- assign min_price = product.price_min -%}
{%- assign max_price = product.price_max -%}
{%- assign money_price_min = min_price | money -%}
{%- assign money_price_max = max_price | money -%}
{% if available %}
          {% if compare_at_price > price %}
            {{ compare_at_price | money }}
          {% else %}
        	{% if money_price_min < money_price_max %}
        		From {{ money_price_min }} To {{ money_price_max }}
        	{% else %}
        		{{ money_price_min }}
        	{% endif %}
          {% endif %}
        {% else %}
          {{ 'products.product.sold_out' | t }}
        {% endif %}

 

 

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
New Member
2 0 0

Thank You, @Perennial

 

Under what section should I place this code?  And does it just get appended to the end?

0 Likes
Shopify Partner
1141 93 139

product grid file

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
1 Like
New Member
3 0 0

Hello Perennial. I'm very new to e-commerce buiseness and i found this guide is very helpful.  I'm using Supply theme too  But what do I need to do if i want to display the max price instead? Thank you

0 Likes
Excursionist
39 2 10

You can simply write 'Up to $X' in the liquid file template, as @Perennial has mentioned.

0 Likes
New Member
3 0 0

I'm really sorry but i still can't do it. Is the file that i need to edit is under Snippets section? and the name is product-grid-item.liquid? If yes where do i need to put the code? Ive tried to put it the most bottom but still doesnt work.

Screenshot (326).pngthis is how it look at most bottom. Im sry , im new to this.

0 Likes
New Member
2 0 0

where do i add this code?

0 Likes