商品详情页

概述：本篇文章将为您介绍ShoptopB2B主题的店铺装修商品详情页所有卡片的操作教程及应用场景！

1、路径：进入店铺装修页面—正上方切换至商品详情页

2、配置商品详情页：展开「商品详情」卡片，可对商品详情进行装修，左边卡片里的所有内容都可选择隐藏和更改上下排序；右侧可以编辑商品详情的各种整体样式。

1、可选择是否开启PC端启用粘性滚动，开启后商品详情页下滑时，左侧的商品图与右侧属性内容同时滑动；不开启滑动是则只有右侧内容下滑，左侧商品图固定。效果展示如下视频：

2、媒体文件中的媒体文件比例、PC端布局、媒体文件位置、图片缩放、移动端布局可以点击更改下拉框的其他样式；并可以选择是否开启选择多属性后隐藏其他多属性的媒体文件和是否启用视频循环按钮

3、分区填充是用作于调整商品详情卡片与上方卡片和下方卡片的间距大小，下图以顶部填充示例：

3、商品详情页的内容有以下16种（可重复添加），以下内容将为您介绍每个内容是使用步骤及应用场景！

• 卡片里的内容【标题】【副标题】【SKU】【价格】【库存状态】【描述】都取决于shoptop管理后台—“商品管理”里该商品内容的配置，后台设置完成后，装修页可直接展示。

• 【评分】内容取决于Shoptop后台商品管理—“商品评论”里对该商品的评分设置，装修页不可编辑，若需修改需前往管理后台—商品评论里修改

• 【多属性选择器】内容为管理后台-商品管理里该商品的多款式设置展示，在店铺装修页面右侧可以更改该内容的展示类型：“下拉菜单”和“椭圆形框”

• 【数量选择器】内容为商品详情页的固定内容，不可修改样式，但可隐藏该内容

• 【配送时间】内容与管理后台的自定义物流所配置内容一致，若该商品没有设置物流信息，可以在店铺装修页的右侧编辑栏里跳转“物流设置”进行配置，且可更改该内容的文字颜色

• 【加购按钮】内容在商品详情页选择是否展示，右侧可选择是否开启立即购买/加购按钮/开启paypal按钮，若开启paypal按钮，需在后台支付设置里绑定该平台，也可在装修页跳转绑定

• 【文本/Test block】为添加文本的内容，右侧可以自定义编辑想要展示的文本和文本的展示样式，可选择展示为正文/副标题/大写。

• 【HTML】内容的使用与首页插入的HTML卡片作用一致；您可以选择在商品详情页插入后台应用市场的表单工具自定义代码，在该产品详情页则会展示询盘表单；HTML一般可满足您的个性化装修需求

• 【弹窗窗口/Pop-up link text】该内容的展示效果为弹窗窗口跳转，您选择展示该内容后，可在右侧栏里更改弹窗的名称，和绑定需要跳转的页面；操作完成后顾客点击该弹窗名称即可弹出一个新内容

• 【文本图标】该内容的展示效果可以给顾客一定的视觉吸引力，您可以在右侧选择该文本图标为垂直展示或水平展示，也可以在右侧选择系统提供的图标或者自定义上传图标展示，图片文字也可以自定义修改

• 【可折叠行/Collapsible row】该内容展示可以提升页面的整洁度，也可以帮助您更好的组织和分类信息。选择该内容后，可以在右侧更改该内容的标题、图标、行内容及绑定页面跳转。

4、在商品详情页里另外可增加的装修卡片还有【相关产品】和【商品评论】可以丰富商品详情页的界面。

• 【相关产品】一般用于给顾客推荐其他系列的商品专辑展示，右侧边框可以编辑更改该卡片的标题、大小、展示数量、配色方案及产品卡的比例、形状及分区填充大小

• 【商品评论】展示前，后台需设置该商品允许展示商品评论内容，开启后，右侧的边框里可以调整商品评论的标题、文本、评分、评分默认、点赞颜色及按钮背景和点赞背景。