search - 在SHOPIFY中添加 "items per page"下拉框

Question

我正在 Shopify 上建立一个网上商店。我想在显示我的产品的页面上添加一个下拉框，我可以在其中选择每页显示的项目数(即 25、50、100)。

关于从哪里开始以及 Shopify 中是否有任何短代码可以帮助我做到这一点，有什么建议吗？

Answer 1

这里是集合页面的解决方案；尝试以下代码:

<div class="sort-per-page">
 <label for="sel1">Show per page:</label>
 <select id="sel1" class="num">
 <option value="/collections/{{ collection.handle }}?view=9" {% if limit == 9 %}selected="selected"{% endif %}>9</option>
 <option value="/collections/{{ collection.handle }}?view=12" {% if limit == 12 %}selected="selected"{% endif %}>12</option>
 <option value="/collections/{{ collection.handle }}?view=24" {% if limit == 24 %}selected="selected"{% endif %}>24</option>
 <option value="/collections/{{ collection.handle }}?view=36" {% if limit == 36 %}selected="selected"{% endif %}>36</option>
 </select>
</div>

<script>
$(document).ready(function(){
    jQuery('.sort-per-page select.num').on('change', function(){
      window.location.replace(jQuery(this).val());
    });
});
</script>