list-collections

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

小贴士
请参考Dawn主题中的list-collections模板及其主要分区,以获取示例实现。

位置

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 %}

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注