如何使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 -%}