商品详情页设计 – SHOPLINE 常见问题

商品详情页面是 App 购物链路中非常重要的一部分，优质的产品页面有助于提高转化率。在商品详情页的设计编辑页，您可以编辑公告栏内容、商品推荐、最近浏览等，以达到最佳效果。

设置路径

安装 Shopper App 后，点击应用> 我的应用> Shopper App > App 设计> Design 按钮，在顶部选择“商品详情页” 。

在所有的组件设置中，公告栏和商品信息组件顺序为固定的，不可进行位置调整；其他组件可可根据您的需求随意调整顺序。

每次进入商详页编辑页时右侧预览区会默认展示 Shopper App 渠道下的第一个商品，您可点击🔽箭头切换预览商品。如您还未有创建商品数据或未有标记Shopper App 渠道的商品，则预览区会出现[No available product.]的提示。

公告栏组件展示在商品详情页顶部，公告栏组件内容支持选择同步 App 首页公告栏或者是独立设定两种。如选择【同步 App 首页公告栏】，则公告栏文字、颜色等都不可编辑；如选择【独立设定】，则可编辑公告栏文字、颜色，设定发布时间等，也可隐藏单条公告栏内容。

“商品信息”位置固定在公告栏下方，不可移动模块顺序。

商品摘要：内容显示在商品名称下方
评级：内容显示在商品摘要下方，商品评级需安装“商品评价”应用后，才可开启（请访问本文以了解更多商品评论信息。）
款式选择器：可通过动态源下商品组的产品选项或商品名称来关联商品，可以实现多款商品在同一款商品里显示；商品组-产品选项支持关联数据类型为”商品“的动态源，商品组-选项名称支持关联数据类型为”单行文本“的动态源（请访问本文以了解更多动态源信息。）

编辑标题&选择需要展示的商品：标题可直接自订或通过关联数据类型为”单行文本“的动态源进行设置；如您想在特定的商品里显示此商品描述，可通过”商品标签“选择对应的商品组。（请访问本文以了解更多商品标签信息。）
设置样式：选择是否需要图标、展示样式和是否默认显示内容。

自定义详情组件支持添加多个。

编辑标题&选择需要展示的商品：标题可直接自订或通过关联数据类型为”单行文本“的动态源进行设置；如您想在特定的商品里显示此商品描述，可通过”商品标签“选择对应的商品组（请访问本文以了解更多商品标签信息）；选择内容类型，支持自定文本内容或直接输入跳转页面。
设置样式：选择是否需要图标。

关联分类组件可通过关联数据类型为”商品分类“的动态源。（请访问本文以了解更多元字段信息。）

自定义图片组件支持添加多个，支持上传图片并设置跳转页面，并可根据条件标签选择在特定的商品范围内展示。

最近浏览组件可隐藏或删除，且可设置标题和显示类型。

商品评论组件需安装“商品评价”应用后，才可开启该组件；如店铺未安装“商品评价”应用，组件为置灰状态，可通过下方提示进行操作。（请访问本文以了解更多商品评论信息。）

商品推荐组件需安装“商品推荐”应用后，才可开启该组件；如店铺未安装“商品推荐”应用，组件为置灰状态，可通过下方提示进行操作。（请访问本文以了解更多商品评论信息。）

编辑完且预览无问题后，点击右上角【更新并使用】按钮将设计发布至 App 端。

SHOPLINE 拥有专业的本地支持团队，为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台及官方网站的实时客服来寻求 SHOPLINE 的帮助。
*如有 SHOPLINE 功能使用感受或需求建议，快点击【功能反馈】告诉我们吧！