更改 Shopify 主题中的默认过滤器答案

【问题标题】：Change default filter in Shopify theme更改 Shopify 主题中的默认过滤器
【发布时间】：2017-07-31 18:34:12
【问题描述】：

此代码来自shopify，但是，我想知道如何将默认排序选项设置为“Newest to Oldest”，现在它是“A-Z”。这是针对没有集合的页面，因此它不会从集合页面上已选择的选项中提取。

<div id="sort-by-menu">
  <label for="sort-by">Sort by</label> 
  <select id="sort-by">
    <option value="created-ascending">Oldest to Newest</option>
    <option value="created-descending">Newest to Oldest</option>
    <option value="best-selling">Best Selling</option>
    <option value="manual">Featured</option>
    <option value="price-ascending">Price: Low to High</option>
    <option value="price-descending">Price: High to Low</option>
    <option value="title-ascending">A-Z</option>
    <option value="title-descending">Z-A</option>
  </select>
</div>

<script>
Shopify.queryParams = {};
if (location.search.length) {
  for (var aKeyValue, i = 0, aCouples = location.search.substr(1).split('&'); i < aCouples.length; i++) {
    aKeyValue = aCouples[i].split('=');
    if (aKeyValue.length > 1) {
      Shopify.queryParams[decodeURIComponent(aKeyValue[0])] = decodeURIComponent(aKeyValue[1]);
    }
  }
}
jQuery('#sort-by')
  .val('{{ collection.sort_by | default: collection.default_sort_by | escape }}')
  .bind('change', function() {
    Shopify.queryParams.sort_by = jQuery(this).val();
    location.search = jQuery.param(Shopify.queryParams).replace(/\+/g, '%20');
  });
</script>

【问题讨论】：

标签： javascript themes shopify

【解决方案1】：

如果这是针对所有产品页面 https://yourdomain.com/collections/all

只需将链接更改为 https://yourdomain.com/collections/all?sort_by=created-descending

您还可以实际创建一个名为“All”的集合并控制排序。如果您仍有疑问，请发表评论。

【讨论】：