心愿清单-样式设置 – SHOPLINE 常见问题

当您在SHOPLINE后台内设置心愿清单时，您可以自定义心愿清单按钮的样式，以便其在您的网店中呈现最好的展示效果。

自定义样式

入口：【心愿清单】>【自定义样式】>【心愿清单】

您可设置店铺内心愿清单的入口的图标样式，对应设置将为您的客户在页头展示。可设置如下内容：

备注：如果网店内的页头菜单导航项比较多，并且展示了心愿图标名称，需要留意是否会发生菜单与图标重合

您可设置展示在商品列表页面的图标样式、图标颜色以及展示位置，对应设置将为您的客户在商品列表展示。可设置如下内容：

备注：该展示只在主站功能的商品列表中生效。如果是第三方插件产生的商品列表（比如商品推荐产生的商品列表），其中不会展示心愿清单按钮。

您可以设置心愿清单在商品详情页的展示方式，包括图标样式、按钮颜色、按钮文案及展示位置等。

注意：不同店铺主题版本支持的设置略有差异，请根据您当前使用的主题版本进行设置。

注意：若 PC 端或移动端的显示位置设置为【商品图层上方】，则将无法展示【按钮文案】。

大致设置选项与 OS 2.1 及以下主题相同，但系统会在图标按钮的展示位置上，额外提供更灵活的自定义展示方式。相关选项请见以下说明：

按钮图标样式：系统提供 3 种图标样式供选择。
按钮颜色：可分别设置消费者将商品加入心愿清单前与加入后的按钮颜色。
展示按钮文案：若勾选，会在图标旁一并展示下方设置的按钮文案；若不勾选，则仅显示心愿清单图标。
展示加入心愿清单的用户数：若勾选，将显示已将该商品加入心愿清单的用户数量。
展示设置：在【展示设置】 > 【方式】中，您可以选择以下其中一种方式：

注意：系统会自动检测主题版本，仅在使用 OS 3.0 主题时才会显示此选项；若非 OS 3.0 主题，则仅可设置 PC / 移动端显示位置。
- 自动展示：心愿清单将按照插件的默认规则展示在商品详情页，无需额外设置。
  
  注意：若 PC 端或移动端的显示位置设置为【商品图层上方】，则将无法展示【按钮文案】。
- 自定义展示位置：勾选此选项后，您需要前往【主题编辑器】的【商品详情页】手动添加【添加收藏按钮】App Block，以自定义心愿清单在商品详情页中的展示位置与样式。
  
  注意：若选择【自定义展示位置】，但未在主题编辑器中添加对应的 App Block，心愿清单功能将无法正常展示。

当您在插件中选择使用【自定义展示位置】作为展示设置时，您可以在 OS 3.0 主题的主题编辑器中，将【添加收藏按钮】灵活展示在商品详情页的不同位置。以下为三种常见且推荐的展示方式及配置说明：

在主题编辑器中进入商品详情页，前往【商品详情】模块 > 【商品媒体文件】> 【商品文件浮层】，并新增【添加收藏按钮】App Block。
点击已添加的【添加收藏按钮】App Block，可选择收藏按钮在商品图片上的展示形式，包括【按钮样式】或【图标样式】。

由于目前主题编辑器暂不支持组件左右并排布局，因此需要借助【内容容器】组件来实现标题或价格与心愿清单按钮的并排展示效果。操作步骤如下：

注意：目前 OS 3.0 Bottle 主题 尚不支持【内容容器】组件，因此无法使用内容容器来实现并排布局。若需了解更多关于内容容器的使用说明，请参阅《商品详情页内启用灵活的横排布局》。

在主题编辑器中进入商品详情页，前往【商品详情】模块 > 【商品信息】。将鼠标悬停在组件区域，点击【＋】图标，选择【主题】>【内容容器】。
在【内容容器】中，点击【＋添加内容】，选择【主题】，并根据需求添加【标题】或【价格】组件。
将鼠标悬停在【内容容器】上，点击【＋】图标，选择【应用】，找到并添加【添加收藏按钮】App Block。此时，您已成功创建一个包含【标题 + 添加收藏按钮】或【价格 + 添加收藏按钮】的组合容器。
点击【内容容器】，在设置面板中配置【排列方向】。选择横向排列即可使容器内的组件左右显示。您还可根据需求调整对齐方式、间距等其他样式设置。