店面筛选

店面筛选是在主题中筛选产品的推荐方法。商家可以轻松创建用于筛选收藏和搜索结果页面的筛选器。

筛选器可以基于以下产品和变体的数据:

  • 可用性
  • 价格
  • 产品标签
  • 产品类型
  • 厂商
  • 变体选项

筛选器使用 AND 逻辑,筛选器的值则使用 OR 逻辑。例如:你可以返回特定颜色和特定尺寸的产品,也可以返回一种颜色或另一种颜色的产品。

应用筛选器时,它们会通过 URL 参数反映在集合或搜索 URL 中。


URL 筛选参数

应用的筛选器反映在带有基于筛选器类型的 URL 参数的页面 URL 中。这些 URL 参数具有特定的结构

备注

在使用筛选器之前,需要在 Shopline 后台中创建它们。

网址参数结构

筛选器 URL 参数由以下部分组成:

参数必需的描述
filter筛选器 URL 参数的默认命名空间。
filter_scope筛选器的范围。可以是以下之一:
* p - 注意范围在产品级别。
* v - 注意范围在变体级别。
attribute筛选器所基于的属性。要了解有关可用属性的更多信息,请参阅筛选器类型
attribute_scopeoption和属性的属性范围price。要了解更多信息,请参阅特定于变体的筛选器
value筛选值。要了解有关值格式的更多信息,请参阅筛选器类型

根据筛选器attribute,URL 参数的格式可以是以下之一:

filter.filter_scope.attribute=value
filter.filter_scope.attribute.attribute_scope=value

例如,如果你有以下筛选器:

  • 基于 shoes 产品类型的筛选器
  • 基于变体颜色项的筛选器,值为 red

那么每个 URL 参数如下:

filter.v.product_type=shoes
filter.v.option.Color=red

如果将这些筛选器应用于集合,则集合 URL 将如下所示:

/collections?filter.v.product_type=shoes&filter.v.option.Color=red

多个筛选器

你可以有多个筛选器,如下所示:

filter.v.price.gte=1&filter.v.price.lte=200

你还可以从同一筛选器中过滤多个值,有两种实现方式:

  • 在单个参数中包含多个值
  • 为每个值包含一个参数
filter.v.option.Color=red
filter.v.option.Color=red&filter.v.option.Color=blue

筛选器类型

筛选器可以应用于以下级别:

特定于产品的筛选器

下面概述了特定于产品的筛选器以及它们如何反映为 URL 参数

名字描述参数名称接受的参数值
产品标签根据特定产品标签进行过滤。tag单个产品标签或以 , 分隔的标签列表。
例如 newnew,trending
产品类型根据特定产品类型进行过滤。product_type单个产品标签或以 , 分隔的标签列表。
例如 shoesshoes,belts
厂商根据特定厂商进行过滤。vendor单个厂商或以 , 分隔的厂商列表。
例如 vendor1vendor1,vendor2
备注

用户最多可以创建 25 个筛选器。

以下是特定于产品的筛选器的完整 URL 参数结构示例:

// 产品标签
filter.p.tag=new,trending
// 产品类型
filter.p.product_type=shoes
// 产品厂商
filter.p.vendor=vendor1

特定于变体的筛选器

下面概述了特定于变体的筛选器以及它们如何反映为 URL 参数

名字描述参数名称接受的参数值
可用性根据变体可用性进行筛选。availability以下任一项:
- 0 - 缺货的变体。
- 1 - 有库存的变体。
- 0,1 - 两种库存状态的变体。
变体选项根据变体选项(例如 SizeColor)进行过滤。
变体选项过滤器还需要为 URL 参数结构 attribute_scope 指定选项名称。
例如:option.Color
option单个变体选项或以 , 分隔的变体选项列表。
例如 redred,blue
价格根据变体价格筛选。
价格筛选器还需要为 URL 参数结构attribute_scope 指定价格条件。以下是可接受的值:
- lte - 基于低于或等于输入值的价格。
- gte - 基于大于或等于输入值的价格。
price采用商店默认货币格式的单一货币值。例如 520.40
备注

用户最多可以创建 25 个筛选器。

以下是特定于变体的筛选器的完整 URL 参数结构示例:

// 变体可用性
filter.v.availability=1
// 变体价格
filter.v.price.lte=5
// 变体选项
filter.v.option.Color=red
提示

应用特定变体的过滤器时,product objectfeatured_mediaurl 属性将更新为当前过滤器匹配到的第一个变体。

featured_media 属性返回第一个匹配的变体的特色媒体,并且 url 属性将被更新为匹配到的第一个变体的深度链接

这篇文章对你有帮助吗?