跳至正文
帮助
编辑器版块与区块

如何自定义搜索结果页面?

自定义顾客在店铺中搜索时显示结果的搜索页面:搜索产品版块、列数、移动端列数、产品卡片、结果上方的文字、产品如何匹配,以及“显示更多”按钮。

阅读时间 3 分钟

搜索页面列出与顾客在店铺搜索中输入内容相匹配的产品。它的主版块是搜索产品,一个由产品卡片组成的网格。该版块是此页面的必需版块。

顾客如何进入这个页面

顾客使用页头中的搜索图标。搜索区块是页头的一部分,请参阅页头版块。结果会在类似 https://example.com/search?q=shoes 的地址中打开。

在哪里找到它

打开建站工具,在页面标签中选择搜索页面,然后点击搜索产品。在建站工具中没有搜索词,所以预览会显示您最新的产品,方便您设置卡片样式。

版块设置

  • 版块宽度:页面或全宽。
  • 列数:桌面端每行 1 到 8 张卡片。
  • 移动端列数:手机上每行 1 或 2 张卡片。
  • 配色方案。
  • 间距:卡片之间的空白。
  • 内边距和自定义 CSS。

区块

  • 产品卡片:每个结果的外观(图片、标题、价格、评分、购买按钮)。它是必需的,不能放进组中。请参阅产品卡片和合集卡片。每个页面的卡片设计是分开的,所以您可以让搜索结果的样式与合集页面不同。
  • 文本(最多 2 个)、分隔线(1 条)和组(1 个):在网格上方或下方添加标题,例如“搜索结果”。

结果如何查找

  • 搜索会查看产品名称。输入词的一部分就够了,大小写没有影响。
  • 只显示已发布的产品。隐藏的产品不会显示。
  • 结果按最新产品优先排序。
  • 网格下方的显示更多按钮会加载后面的结果。
  • 没有匹配结果,或搜索框为空就提交时,会显示一条简短消息来代替网格。

常见操作

  • 手机上每行显示两个结果:把移动端列数设为 2。
  • 添加标题:添加一个文本区块,并把它拖到产品卡片上方。
  • 打开产品而不是加入购物车:修改产品卡片的购买部分,请参阅上面的卡片指南。

故障排除

  • 某个产品没有出现在结果中:请检查它的名称是否包含搜索的词、是否已发布,以及是否被隐藏。
  • 预览与真实搜索不一致:建站工具显示的是您最新的产品,而不是真实结果。请在线上店铺中搜索进行测试。

技巧

  • 使用清晰的产品名称,包含顾客会输入的词,例如产品类型和颜色。描述不会被搜索。
  • 在搜索页面保留页头,让顾客可以再次搜索。
  • 搜索会作为搜索事件发送给您的广告像素,帮助广告平台了解顾客想要什么。
  • 每个市场都有自己的搜索页面设计,所以请在您销售的每个市场中设置样式。

仍需帮助?

给我们留言,我们会回复你。

联系我们