智能搜索推荐:自定义搜索无结果推荐商品展示设置
当顾客搜索无结果时,【搜索无结果页智能推荐商品】功能会自动展示替代商品,帮助顾客继续浏览并提升转化率。您可以自定义这些推荐商品在店铺前台的展示样式,包括组件标题、商品列表版式、商品图片、商品标题、价格与优惠标签等,使其更贴合店铺的整体风格。
本文将介绍使用此功能前的准备条件,说明如何进入并启用相关设置,并逐一介绍每一项展示样式设置及其效果。
使用搜索无结果页智能推荐商品展示设置前的准备条件
在开始自定义展示样式前,请确认以下条件:
- 您的店铺主题版本须为 SHOPLINE OS 2.1 或以上版本,才能使用本文介绍的展示样式自定义功能。
| 注意:若您的店铺主题版本为 SHOPLINE OS 2.0 或更早版本,搜索无结果页的推荐商品仍会展示,但展示样式为系统固定样式,暂不支持自定义。 |
进入搜索无结果页智能推荐商品展示设置页面
欲进入展示样式设置页面,请依以下步骤操作:
- 在 SHOPLINE 后台,前往【应用】>【智能搜索推荐】>【搜索配置】。
- 找到【搜索无结果页智能推荐商品】卡片。卡片上会显示当前状态标签【已启用】或【未启用】。
-
点击卡片上的【设置】,进入展示样式设置页面。
启用搜索无结果页智能推荐商品功能
首次使用时,请先在设置页面顶部完成授权与启用:
-
勾选【同意授权】,授权前请点击并仔细阅读《隐私数据》相关说明。
-
开启【应用到店铺】开关,为您的店铺启用该功能。
| 注意:搜索无结果页的推荐商品由系统根据顾客资料与浏览行为自动生成,无法手动指定或配置推荐商品,您仅可自定义其展示样式。 |
自定义搜索无结果页智能推荐商品的展示样式
启用功能后,您可以在设置页面中自定义以下展示样式。设置完成后,右侧会同步显示预览效果,方便您实时查看调整结果。
自定义组件标题的对齐方式
在【组件标题】区块,您可以设置标题的对齐方式:
- 【对齐方式】:选择标题的对齐方式,选项包括【左对齐】、【居中对齐】(默认)、【右对齐】。
| 注意:组件标题的文案(例如 "为您推荐" )由系统固定提供,并会根据店铺前台语言自动翻译,暂不支持自定义标题文案。 |
自定义商品列表的版式
在【商品列表】区块,您可以设置推荐商品在不同设备上的展示列数:
- 【电脑端列数】:设置电脑端每行展示的商品数量,可选范围为 1–5(默认值为 4)。
- 【移动端列数】:设置移动端每行展示的商品数量,可选范围为 1–2(默认值为 2)。
自定义商品图片的比例与填充方式
在【商品图片】区块,您可以设置推荐商品图片的显示比例与填充方式:
- 【比例】:选择商品图片的显示比例,选项包括【1:1】(默认)、【2:3】、【3:4】、【4:3】。
- 【填充方式】:选择图片在图片框内的填充方式,选项包括【填充】(默认)、【适应】。
自定义商品图片边框的样式
在【商品图片边框】区块,您可以自定义商品图片边框的圆角、厚度与透明度:
- 【圆角半径】:设置边框的圆角半径,可选范围为 0–40px(默认值为 0)。
- 【厚度】:设置边框的厚度,可选范围为 0–12px(默认值为 0)。
- 【透明度】:设置边框的透明度,可选范围为 0–100%(默认值为 0)。
自定义商品标题的展示行数
在【商品标题】区块,您可以分别设置电脑端与移动端的商品标题展示方式:
-
【电脑端展示标题】:开启或关闭电脑端商品标题的展示(默认开启)。
- 【电脑端展示行数】:开启【电脑端展示标题】后,可设置标题展示的行数,选项包括【展示1行】(默认)、【展示2行】、【完整展示】。
-
【移动端展示标题】:开启或关闭移动端商品标题的展示(默认开启)。
- 【移动端展示行数】:开启【移动端展示标题】后,可设置标题展示的行数,选项包括【展示1行】(默认)、【展示2行】、【完整展示】。
启用快速加购按钮
在【快速加购】区块,您可以为推荐商品启用快速加购功能:
- 【立即激活显示快速加购按钮】:开启后,顾客可在推荐商品卡片上直接点击加购,无需进入商品详情页(默认开启)。
| 注意:快速加购按钮仅适用于 SHOPLINE OS 2.1 及以上版本的店铺主题。 |
自定义商品价格的展示方式
在【商品价格】区块,您可以设置推荐商品价格的展示方式:
-
【展示售价】:开启或关闭商品售价的展示(默认开启)。
- 【售价格式】:开启【展示售价】后,可设置售价的展示格式,选项包括【最低价】、【最低价起】(默认)、【价格区间】。
- 【展示原价】:开启或关闭商品原价(划线价)的展示(默认开启)。
| 注意:仅当商品的售价低于划线价时,原价才会实际显示在推荐商品卡片上;若两者相同或售价高于划线价,即使开启【展示原价】,原价也不会显示。 |
自定义优惠标签的展示方式
在【优惠标签】区块,您可以为符合条件的商品设置优惠标签的展示方式:
-
【展示优惠标签】:开启或关闭优惠标签的展示(默认关闭)。
- 【标签类型】:开启【展示优惠标签】后,可设置标签类型,选项包括【Sale 标签】、【Save 标签】(默认)。
- 【数据格式】:当【标签类型】选择【Save 标签】时,可设置标签展示的数据格式,选项包括【优惠金额】(默认)、【优惠比例】。
- 【圆角半径】:设置优惠标签的圆角半径,可选范围为 0–40px(默认值为 0)。
| 注意:优惠标签仅在商品售价低于划线价时才会展示。若按【优惠比例】计算后的数值四舍五入为 0%,系统将自动隐藏该商品的优惠标签。 |
预览并保存搜索无结果页智能推荐商品的展示设置
完成以上设置后,您可以在保存前预览展示效果:
-
在设置页面右侧的预览面板中,切换【电脑端】或【移动端】视图,查看当前设置的展示效果。
- 确认展示效果后,点击【更新】保存您的设置。
| 注意:预览效果仅供参考,实际展示效果请在更新保存后前往店铺前台查看。 |