1

在 Shopify 中，一个集合可以有一个默认的排序顺序，这很棒。但是有没有办法在呈现集合的产品列表之前更改默认排序顺序？我想要完成的是在页面上放置一个“排序依据”下拉菜单，允许客户按照价格、品牌、畅销商品、字母顺序等对当前列表进行排序，就像许多现代购物车一样在那里。

4

4 回答 4

0

集合是提前排序的，而不是动态排序的，这样页面可以加载得更快。

您可以使用相同的产品创建多个集合，但排序不同。然后，您可以根据用户输入导航到相关集合。

于 2012-11-02T14:44:27.073 回答
0

现在有一个应用程序： https ://apps.shopify.com/power-tools-sort-selector

*免责声明 - 我是开发者 :)

于 2014-01-06T07:44:14.863 回答
0

我们最近添加了在店面动态排序收藏的功能（之前您只能在后端按一个订单对收藏进行排序。

文档： http ://docs.shopify.com/manual/configuration/store-customization/advanced-navigation/add-a-reorder-drop-down-menu-to-a-collection-page

前代码： https ://gist.github.com/carolineschnapp/11352987

于 2014-05-08T15:44:41.447 回答
0

如果您想避免为应用程序付费——它可能会也可能不会根据所需选择的数量重复每个集合——使用/调整以下代码：

  <script>
    // jquery is already running on the site, so we use it to check the document is ready
    $(document).ready(function() {
        // Identify a Select Option from the value in the URL query text
        // Where this exists as an Option Value, add the 'selected' attribute to the Option
        // This ensures that when the page reloads the current option will be showing
        $("#selectSort option[value='{{collection.sort_by}}']").attr('selected', true);
    });
  </script>

  <div>
    <!-- 
    The Select Tag watches for a change, then pushes a new window.location using the value
    of the Option selected by the user
    -->
    <select id="selectSort" onchange='window.location="{{ collection.url }}?sort_by=" + this.value'>
      <option value="price-ascending">Price (lowest first)</option>
      <option value="price-descending">Price (Highest first)</option>
      <option value="title-ascending">A-Z</option>
      <option value="title-descending">Z-A</option>
      <option value="created-descending">Latest Addition</option>
      <option value="best-selling">Most Popular</option>
    </select>
  </div>
于 2014-05-20T13:01:23.273 回答