回到所有的课程
课程库

收藏列表进行过滤

了解如何过滤和限制集合列表中的项。

这个视频的特点是一个旧的UI。更新版本即将发布!

将集合列表连接到集合后,它将显示该集合中的前100项。但是,你可以选择哪一个要使用过滤器显示的项。通过启用,可以显示超过100个项目分页.中提供了过滤项收藏列表设置元素设置面板(D)

在这节课中
  1. 向列表中添加过滤器
  2. 删除过滤器
  3. 滤波器的例子
  4. 只显示特色物品
  5. 隐藏当前项
  6. 显示相关内容
本课讨论如何在设计器中创建过滤的集合列表。实时网站上的实时过滤/排序(分面导航)还不能在本地使用。 为这个功能投票

添加过滤器

过滤器部分包括一个加号图标,用于向集合列表中添加新的过滤器。加号图标被高亮显示,而过滤器部分的其余部分被调暗。

筛选器允许您在筛选器列表中显示与所创建的筛选器相匹配的特定的筛选项。您可以从用于每个Collection字段类型的多个筛选规则中进行选择。创建过滤器:

  1. 选择要筛选的集合列表
  2. 设置面板(D)
  3. 添加一个过滤器收藏列表设置通过点击加号
  4. 在第一个下拉列表中选择要筛选的字段
  5. 在第二个字段中选择一条规则
  6. 如果需要,指定一个值
  7. 点击保存

您可以添加任意数量的过滤器。过滤器将由AND操作符组合。

需要知道
您不能为同一个Collection字段应用多个字段。

删除过滤器

您可以通过单击过滤器旁边的垃圾桶图标来删除应用的过滤器。

过滤器部分目前添加了两个过滤器。垃圾桶在两个过滤器上都被突出显示和勾勒出来。

只显示特色项目[筛选示例]

假设您只想在您的主页上显示特色博客文章。这样做:

  1. 添加、创建和样式“博客帖子”集合列表
  2. 添加一个过滤器设置面板
  3. 选择“特色”开关从第一个下拉列表
  4. 选择是在在第二个下拉列表中
  5. 点击保存
添加过滤器面板包括一个Featured?在设置。还有一个保存按钮和关闭按钮。

了解更多:开关领域

隐藏当前项目[筛选示例]

如果您有一个博客,并且希望每个博客文章页面都包含其他博客文章的列表,那么可以使用过滤器将当前博客文章从列表中排除。要排除当前Collection项,在本例中是blog post,请执行以下操作:

  1. 添加、创建和样式“博客帖子”集合列表
  2. 添加一个过滤器设置面板
  3. 从第一个下拉列表中选择集合名称
  4. 选择不是在第二个下拉列表中
  5. 第三个字段将显示“当前收集项”
  6. 点击保存
“添加筛选器”面板包括“博客帖子未设置”。第三个字段显示“当前博客文章”。还有一个x关闭按钮和一个保存按钮。

了解更多:收藏页面

显示相关内容[筛选示例]

假设您想要在author’s页面上显示一个作者所写的所有博客文章。你可以使用过滤器只显示那些引用该作者的博客文章:

  1. 添加、创建和样式“博客帖子”集合列表
  2. 添加一个过滤器
  3. 从第一个下拉列表中为Authors选择Reference字段
  4. 选择=在第二个下拉列表中
  5. 在第三个选项中选择“current Author”
  6. 点击保存

现在,每个作者页面都将显示引用该作者的博客文章列表。你可以限制如果您只想显示特定数量的相关内容,则使用此列表。

“添加筛选器”面板在三个字段中包含“Author = Author of Current Blog Post”设置。还有一个x关闭按钮和一个保存按钮。
了解更多
尝试Webflow——它是免费的
Baidu
map