list-collections模板呈现集合列表页面,其中列出了商店的所有集合。此页面位于商店的/collections URL。

位置
list-collections模板位于主题的templates目录中:
└── theme
├── layout
├── templates
| ...
| ├── list-collections.json
| ...
...
内容
您可以在list-collections模板中或模板内的一个分区中包含以下内容:
collections 对象
collections 对象
您可以访问Liquid collections对象以显示商店的集合。
用法
在使用list-collections模板时,您应该熟悉以下内容:
小贴士
如果您正在使用JSON模板,则任何HTML或Liquid代码都需要包含在模板引用的分区中。
更改集合的顺序
通常,该模板通过以下循环遍历集合以输出显示,该显示将集合按字母顺序输出
{% for collection in collections %}
<!-- collection info -->
{% endfor %}
如果您想更改顺序,您可以通过新建一个菜单来控制集合的顺序。如果您使用这种方法,您应该构建一个设置,允许商家选择要使用的菜单。您可以通过Liquid linklist对象访问菜单,根据link.type对菜单项进行过滤,通过link.object访问集合信息。
例如:
{% for link in settings.collection_list_menu.links %}
{% if link.type == 'collection_link' %}
{% assign collection = link.object %}
<!-- collection info -->
{% endif %}
{% endfor %}
Collection image fallback
在集合没有集合图片的情况下,您应该有一个备用方案。例如,您可以使用集合中第一个产品的图片:
{% if collection.image %}
{{ collection.image | image_url: width: 450, height: 450 | image_tag: collection.image.alt }}
{% else %}
{% assign alt = collection.title | escape %}
{{ collection.products.first.image | image_url: width: 450, height: 450 | image_tag: alt }}
{% endif %}
发表回复