我在 Shopify 中有一个集合,我只想显示其中的 4 种产品。然后,如果用户单击按钮以展开并查看更多集合 - 集合的其余部分将出现。目前我只是将集合限制为 4,我试图找到一种方法来使链接填充集合的其余部分。不确定使用 2 个不同的集合是否比以这种方式限制更好。这是我当前的代码:
<ul id="collection-grid" class="product-grid">
{% assign collectionName = 'featured-products' %}
{% for product in collections.featured-products.products limit:4 %}
<div class="grid_left">
{% include 'product-grid-item' %}
</div><!-- end of grid_left -->
{% endfor %}
</ul>
<div class="expand_selection">
<a href=""><img src="http://cdn.shopify.com/s/files/1/0173/1766/files/expand.gif" alt="Expand" /></a> Click to expand for more supplements...
</div><!-- end of expand_selection -->