How to add price range (min - max) to collection page in Debut Theme?

Technical Q&A
1

Hi, I am new user to Shopify. I would like to add price range (min - max) to collection page in Debut Theme. Grateful if anyone can help on it. Many thanks!

-product-price.liquid-

{% comment %}
Renders a list of product’s price (regular, sale, unit)
Accompanies product forms and meant to be updated dynamically
Accepts:

  • variant: {Object} Variant Liquid object (optional)
  • product: {Object} Product Liquid object (optional)
  • show_vendor: {Boolean} Show the product’s vendor depending on the section setting (optional)

Usage:
{% include ‘product-price’, variant: current_variant, product: product %}
{% endcomment %}
{%- liquid
if variant.title
assign compare_at_price = variant.compare_at_price
assign price = variant.price
assign available = variant.available
else
assign compare_at_price = 1999
assign price = 1999
assign available = true
endif

assign money_price = price | money
-%}

{% if show_vendor and product %}

{{ 'products.product.vendor' | t }}
{{ product.vendor }}
{% endif %}

{%- comment -%}
Explanation of description list:

  • div.price__regular: Displayed when there are no variants on sale
  • div.price__sale: Displayed when a variant is a sale
  • div.price__unit: Displayed when the first variant has a unit price
  • div.price__availability: Displayed when the product is sold out
    {%- endcomment -%}
{{ 'products.product.regular_price' | t }}
{{ money_price }}
{{ 'products.product.sale_price' | t }}
{{ money_price }}
{{ 'products.product.regular_price' | t }}
{{ compare_at_price | money }}
{{ 'products.product.on_sale' | t }} {{ 'products.product.sold_out' | t }}
{{ 'products.product.unit_price_label' | t }}
{%- capture unit_price_separator -%} /{{ 'general.accessibility.unit_price_separator' | t }}  {%- endcapture -%} {%- capture unit_price_base_unit -%} {%- if variant.unit_price_measurement -%} {%- if variant.unit_price_measurement.reference_value != 1 -%} {{- variant.unit_price_measurement.reference_value -}} {%- endif -%} {{ variant.unit_price_measurement.reference_unit }} {%- endif -%} {%- endcapture -%}

{{ variant.unit_price | money }}{{- unit_price_separator -}}{{- unit_price_base_unit -}}

2

Grateful if anyone can help. Thanks!