Question

我发现this code允许用户对集合页面上的产品列表进行排序。我尝试了首页上的代码，但是当我点击下拉列表时，它会将我重定向到一个新页面，但该页面仍然使用与之前相同的顺序。

我有什么遗失的东西吗？如何将排序带到头版？

Answer 1

根据我目前所见，您只能在收藏页面上执行排序。如果您愿意放弃标准浏览器下拉功能，这应该对您有用（请注意，您需要使用js / css将其设为下拉列表）：

<div class="form-horizontal sort-large">
  <p>Sort By</p>
  <a href="" id="SortBtn">{{ 'collections.sorting.title' | t }}</a>
  <ul id="SortList">
    <li><a href="{% if template == 'index' %}collections/all/{% endif %}?sort_by=manual">{{ 'collections.sorting.featured' | t }}</a></li>
    <li><a href="{% if template == 'index' %}collections/all/{% endif %}?sort_by=best-selling">{{ 'collections.sorting.best_selling' | t }}</a></li>
    <li><a href="{% if template == 'index' %}collections/all/{% endif %}?sort_by=title-ascending">{{ 'collections.sorting.az' | t }}</a></li>
    <li><a href="{% if template == 'index' %}collections/all/{% endif %}?sort_by=title-descending">{{ 'collections.sorting.za' | t }}</a></li>
    <li><a href="{% if template == 'index' %}collections/all/{% endif %}?sort_by=price-ascending">{{ 'collections.sorting.price_ascending' | t }}</a></li>
    <li><a href="{% if template == 'index' %}collections/all/{% endif %}?sort_by=price-descending">{{ 'collections.sorting.price_descending' | t }}</a></li>
    <li><a href="{% if template == 'index' %}collections/all/{% endif %}?sort_by=created-descending">{{ 'collections.sorting.date_descending' | t }}</a></li>
    <li><a href="{% if template == 'index' %}collections/all/{% endif %}?sort_by=created-ascending">{{ 'collections.sorting.date_ascending' | t }}</a></li>
  </ul>
</div>

基本上它所做的就是链接到已排序的集合页面（无论您是在“首页”还是“集合”页面上）。如果您需要链接到特定集合，然后在该集合中进行排序，您可能需要采用不同的方法。

在首页购买排序产品

1 个答案: