文章分类: 在线商店
本条还可参阅:

如何让帅选器显示在店铺前端

ShopBase 支持自定义专辑和搜索筛选器,以便让客户可以在专辑页面上按可用性、价格、颜色等快速搜索产品。本文中我们了解一下如何让帅选器显示在店铺前端。

主要内容



A. 如何让帅选器显示在店铺前端
B. 更改帅选器的布局
C. 开启帅选器的颜色选择

A. 如何让帅选器显示在店铺前端



设置帅选器 之后,请按照下述步骤把帅选器显示在店铺前端。

ShopBase 后台前往 在线商店(Online store) > 主题(Themes)。点击主题的 Customize 按钮。


参考 主题编辑器 2.0 版以及如何升级您的主题

下拉菜单里点击 Collection


点击 Collection 模块。


勾选 Enable filtering 开启专辑页的帅选器。


Filter title 里修改帅选标题,默认标题为 Filters


点击 Save 保存。

此功能仅适用于Inside V2.0.0 和 Roller V3.0.0主题。参考 主题编辑器 2.0 版以及如何升级您的主题
此筛选器仅在产品数量小于一千的专辑中显示。
此功能不适用于手动排序(Manual/Featured)的专辑。

B. 更改帅选器的布局



帅选器将显示在专辑页面和搜索结果页面,有三种布局。

ShopBase 后台前往 在线商店(Online store) > 主题(Themes)。点击主题的 Customize 按钮。


参考 主题编辑器 2.0 版以及如何升级您的主题

下拉菜单里点击 Collection



点击 Collection 模块。


Filter position

Left sidebar:帅选器显示在左边。


In drawer:客户点击 Filters 按钮时,帅选器才显示。


On top:帅选器横放在产品上面。


点击 Save 保存。

C. 开启帅选器的颜色选择



如果帅选器有 颜色 的选项,您可以设置颜色选择。

专辑页帅选器的颜色选择
ShopBase 后台前往 在线商店(Online store) > 主题(Themes)。点击主题的 Customize 按钮。


参考 主题编辑器 2.0 版以及如何升级您的主题

下拉菜单里点击 Collection



点击 Collection 模块。


选择 Enable color swatches in Color filters


产品属性需要有 ColorColorsColourColours 的其中一个才能显示颜色选择。
确保颜色属性的变体值属于 系统支持的颜色。如果设置系统未支持的变体颜色值,颜色选择将不会显示。

例如,系统还没支持 "Auburn" 这个颜色,所以帅选器不显示颜色选择

关联页面



专辑概述
产品概述
自定义专辑和搜索筛选器

更新于: 09/09/2022

这篇文章有帮助吗?

分享您的反馈意见

取消

谢谢!