搜索结果页设计
为了能让您提前预览搜索结果页展示样式，Shopper App 提供了搜索结果页的预览及编辑功能。
设置步骤
安装 Shopper App 后，从以下位置访问设计面板：Apps > Shopper App > App Design > Design > Search Result Page。
搜索结果页编辑器内可以选择您想要展示的内容，不可任意添加组件或挪动顺序。
- 输入搜索词进行预览：在输入框输入搜索词并点击回车键，中间预览区可以直接显示该搜索词的搜索结果。
-
设置公告栏：公告栏组件展示在 Wish List 页顶部，公告栏组件内容支持选择同步 App 首页公告栏或者是独立设定两种。如选择【同步 App 首页公告栏】，则公告栏文字、颜色等都不可编辑；如选择【独立设定】，则可编辑公告栏文字、颜色，设定发布时间等，也可隐藏单条公告栏内容。
- 配置排序 & 筛选 & 列表视图：【排序 & 筛选 & 列表视图】由三个模块组成，详细配置说明请参见下方对应章节。
-
配置悬浮图标：您可以在搜索结果页添加一个随页面滚动始终可见的悬浮图标，并链接至在线客服或活动页面，以提升客服效率或推动活动参与。该组件支持【同步自首页悬浮图标组件】或【独立设定】两种方式。如果选择同步首页，图标将继承首页的设置，无法单独更改。如选择独立设定，您可为搜索结果页单独配置图标，包括以下选项：
- 基础设置：为图标命名，选择图标显示的位置，并上传要在 App 中展示的图标图片。
-
功能类型：选择将图标链接至【活动页面】或【在线客服】：
- 若选择【活动页面】：请设置跳转的页面链接。
- 若选择【在线客服】：
- 请选择要使用的客服服务。Shopper App 目前支持与 Shulex 集成，这是一款基于 AI 的实时客服解决方案。如需了解更多，请参阅《Shulex 集成指南》。
- 请确认是否启用【未读消息提示】。启用后，当用户有未读消息时将显示红点提醒。
- 启用时间：您可根据需要设置悬浮图标的发布时间。
配置排序 & 筛选 & 列表视图
【排序 & 筛选 & 列表视图】组件由三个模块组成：【列表排序】、【列表筛选】与【列表视图】，可让您统一配置搜索结果页的排序方式、外层筛选项与列表展示密度。三个模块的顺序固定，无法删除或调整。【列表排序】与【列表筛选】默认为启用状态且不可关闭；【列表视图】可单独开启或关闭，默认关闭。
设置列表排序
在【列表排序】模块中，您可以设置以下内容：
- 【预设排序名称】：为您的默认排序方式命名（例如 "精选推荐"），该名称将显示在 App 的排序按钮上，为必填项，且支持多语言设置。
- 【价格排序】：默认关闭。开启后需设置【默认顺序】（【价格从低到高】或【价格从高到低】，默认选中【价格从低到高】），前台将展示价格排序按钮，顾客点击后按您设置的方向排序。
| 注意：搜索结果页的【列表排序】不提供【次级预设排序】选项，该设置仅在商品列表页可用。 |
设置列表筛选
在【列表筛选】模块中，您可以设置外层筛选项：
-
点击【添加筛选项】，从智能搜索推荐插件提供的筛选维度中选择要展示的筛选项（例如尺码、颜色、价格等），最多可添加 10 个。
- 在【已设置筛选项】列表中，您可以单独启用或停用每个筛选项。
|
注意：
|
设置列表视图
在【列表视图】模块中，您可以设置商品列表的展示密度：
- 视图选项支持勾选【一行 1 个】、【一行 2 个】（默认勾选）、【单双列错落】与【一行 3 个】，可勾选一个或多个，但至少需保留一个视图。
- 若仅启用一个视图，前台只展示该视图效果，不会出现切换图标；若启用两个或以上视图，前台会显示切换图标，并需要您指定其中一个为【默认视图】。
| 注意：【列表视图】对应的商品卡片展示内容需单独设置，详情请参阅《主题设置》。 |
发布上线
完成编辑并确认预览一切正常后，点击右上角的“应用”按钮将您的设计发布到应用中。如果您想暂时保留发布，可以点击“保存”以保留您的编辑内容。
如何联系我们
SHOPLINE 拥有专业的本地支持团队，为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网站的实时客服来寻求SHOPLINE的帮助。
*如有 SHOPLINE 功能使用感受或需求建议，快点击【功能反馈】告诉我们吧！