Please help with changing size filter from tag filter to a range filter

[Hurdin]

Hello. Currently have the Pacific version 5.0.0 theme. I want to add a custom filter for one of my collections (rugs) a size filter that the customer can choose a range they are looking for. But the filter only shows tags and is not very customer friendly.

Here is what I have right now:

What I want to change it into:

I looked into the code for the theme, and this is what I found in the faceted-filters-active.liquid:

>
  {%- for filter in filters -%}
    {% if filter.type == 'price_range' and filter.min_value.value or filter.max_value.value %}
      {% assign filter_count = filter_count | plus: 1 %}
      {% assign range_min = filter.min_value.value | default: 0 %}
      {% assign range_max = filter.max_value.value | default: filter.range_max %}

      {%- capture tag_text -%}
        
          {{ range_min | money }} - {{ range_max | money }}
        

        {{- tag_icon -}}
      {%- endcapture -%}

        - {{ tag_text }}
          
        

    {% else %}
      {% if filter.active_values.size > 0 %}
          {%- for value in filter.active_values -%}
            {% assign filter_count = filter_count | plus: 1 %}
            - {%- capture tag_text -%}
                
                    {{ value.label | escape }}
                

                  {{- tag_icon -}}
                {%- endcapture -%}

              
                  {{ tag_text }}
              
            

          {% endfor %}
      {% endif %}
    {% endif %}
  {% endfor %}

I hope it is possible to change. Please help

[Dbuglabpvtltd]

Hi @Hurdin
You can use this app.

https://apps.shopify.com/product-filter-and-search

[SoBooster]

What I would recommend clients in such case is to have 2 product or variants metafields, one for size and one for length then create 2 filters using those fields in this app https://apps.shopify.com/ultimate-search-and-filter-1