How can I display a pricing range instead of the lowest variant price?

Store Design
1

Right now our pricing shows as follows:

AmerTac_1-1639673656971.png
AmerTac_1-1639673656971.png541×398 33.7 KB

However, we want to show the range instead of the lowest variant price. Ex: first one would be $3.49 - $4.99. And if it doesn’t have a variant we want it to show a single price.

Alternatively we would like to show the product price instead of showing the range. Our product-price-lising.liquid is below:

Price Range Code.jpg
Price Range Code.jpg828×738 89.3 KB

Thank you in advance!

2

Hello @AmerTac ,

You have to use the below code:

{{ product.price_min }} - {{ product.price_max }}

by removing the selected line:

SagarikaDas_0-1639737070513.png
SagarikaDas_0-1639737070513.png1144×718 470 KB

3

That worked to show the range, but now does not show it as currency.

Price Range Ex.jpg
Price Range Ex.jpg318×420 8.69 KB

4

@AmerTac

Try this code at the same place (by removing the first one). It’s working on my store.

{%- 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 %}