I want to add a new sort option in the collections page sort by

[aih_kimg]

Hi,

I want to add a new option value from the Sort By dropdown. Then field is a custom metafield in Products named: custom.product_class. The values of this are: Premium and Regular.

First step, I thought of adding the values first on the dropdown from en.default.schema.json.

And also here on main-list-collections.liquid. But still it won't appear. I even tried editing the text of some existing options from the en.default.schema.json but it also wont appear.

Is there way to do this? If you have other ideas?

Thank you.

[Guleria]

Hello @aih_kimg ,

Find this part of code, using DAWN it's in sections -> main-collection-product-grid.liquid

{%- for option in collection.sort_options -%}
                    <option
                      value="{{ option.value | escape }}"
                      {% if option.value == sort_by %}
                        selected="selected"
                      {% endif %}
                    >
                      {{ option.name | escape }}
                    </option>
                  {%- endfor -%}

And update it with this one

{%- for option in collection.sort_options -%}
                    <option
                      value="{{ option.value | escape }}"
                      {% if option.value == sort_by %}
                        selected="selected"
                      {% endif %}
                    >
                      {{ option.name | escape }}
                    </option>
{%- endfor -%}
<option value="Premium">
  Premium
</option>
<option value="Regular">
  Regular
</option>

Regards
Guleria

[PaulNewton]

@aih_kimg adding arbitrary html doesn't create a sort algorithm.

Generally apps are need to add a custom sort to a storefront.