企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# **商品详情页** <span style="color:red">当前文档已经停止更新 ,我们最新的文档系统以及迁移至语雀[https://www.yuque.com/rrsc](https://www.yuque.com/rrsc),欢迎访问新版文档。</span> <br> <br/> ## **1.页面设置** ![](https://img.kancloud.cn/69/e5/69e563ee3186bdeb36489d9ef734a1b8_1200x589.png) * **背景色**:选择创建整个页面的背景色,选择应用后前端和后端颜色保持一致; * **页面名称**:自定义创建,仅在后台使用; * **页面标题**:用户访问商城首页时手机端顶部显示的标题内容; **手机端样式:** ![](https://img.kancloud.cn/b9/42/b9422e00106cc2d7684a409896684ed6_426x863.png) <br/> ## **2.商品详情组件** ![](https://img.kancloud.cn/91/de/91dec24c718b74aec60c1fe594ff2016_1200x589.png) * **商品图:** 读取商品编辑中添加的商品轮播图 * **商品信息:** 可以设置该部分字体的颜色设置,支持自定义选择是否显示分享按钮以及分享按钮的图标和文字,设置选择预计佣金是否显示,该部分的选择只控制商品详情页中的显示,**商品列表中的预计佣金显示在分销设置中选择是否开启显示**; * **营销信息:** 添加该组件后,手机端会自动识别该商品支持的优惠券、营销活动和商品服务以及该商品的区域配送情况,**营销活动包括全场满额包邮、全场满额立减、积分抵扣、余额抵扣、单品满额包邮和单品满减包邮** * **底部导航:** 关注图标、店铺图标和购物车图标支持隐藏或自定义选择链接,购物车按钮支持设置显示或隐藏,购买文字支持自定义编辑,**最多支持四个字** >[warning]**关注图标**、**店铺图标**和**购物车图标**使用自定义时按钮文字建议在3个字以内,如果以4字命名建议这是三个按钮只选择显示两个。 <br/> ## **3.其他组件** ![](https://img.kancloud.cn/af/08/af080d8409f8f79ec2f83b86f8789c45_1200x589.png) 商品详情页中支持添加商品组、图片组以及列表导航等基础组件,同时也支持优惠券和公告的营销组件 <br/> ## **4.模板应用** ![](https://img.kancloud.cn/50/7b/507bf0fe8b3207ae6b5f225d8a9a4771_1200x589.png) * **另存为模板:** 即当前页面保留,另存该页面为一条商城页面模板,该页面可以继续编辑 * **保存并预览:** 保存编辑的内容,在右侧会生成该页面的手机端预览图 * **发布:** 点击发布后即为应该改模板,手机端会对应显示为当前页面 >[warning]注:当编辑的页面是已发布的页面模板,则点击保存并预览之后手机端也会对应变更