Как настроить сортировку коллекций Shopify по выбранному значению? После загрузки возвращается к стандартному «Сортировать по»

Question

Когда пользователь нажимает на опцию, например, Цена, от низкой к высокой - страница обновляется, но в раскрывающемся списке выбора возвращается значение по умолчанию, в котором вместо значения Цена от низкого до высокого отображается «Сортировать по». Есть ли способ заставить это показать, что в данный момент выбрана цена от низкой до высокой ?

В настоящее время мой код:

<div class="collection-sorting styled-select mr3-l mb2-l">
  {%- assign selected = collection.sort_by | default: collection.default_sort_by -%}
  <select name="sort_by" onchange="location = this.value;" id="sorting">

    <option value="placeholder" disabled {% if selected == false %}selected{% endif %}>
      {{ 'collection.sort.title' | t }} by
    </option>

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

    {% comment %} Clear sorting {% endcomment %}
    <option value="{{ collection.url }}">Clear</a>
  </select>
  {% include 'inline-icon' with svg: 'icon-arrow-down.svg', class: 'current-color-stroke' %}
</div>

Answer 1

Добавьте следующее над вашим выбором:

{%- assign selected = collection.sort_by | default: collection.default_sort_by -%}