🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
商城的“商品详情页面”可通过“店铺装修”插件,自定义信息,具体操作如下: 点击【店铺装修】——【新建页面】/【系统页面】——【新建页面】——【立即创建】——【商品详情】,参加下图: ![](https://wiki.we7shop.com/uploads/a7c61a77d813be90d045e405a90fcd92.png) 进入创建“商品详情页”后首先要设置详情的页面,参见下图: ![](https://wiki.we7shop.com/uploads/0228006c02174a160e77a61a9a28118e.png) 背景颜色:可自定义设置商城商品详情页面的背景颜色,不设置则显示系统默认的;注意的是:参与砍价活动的商品和拼团中的商品不受此设置的影响,参见下图: ![](https://wiki.we7shop.com/uploads/6b71870c9aa6aecdd6705643e9dc022b.png) 悬浮按钮:“显示”则在自定义设置的商品详情页中显示,反之则不显示;提示:按钮样式请至 浮动按钮 中设置 未设置则不显示 关注条:“显示”则根据“关注条”选择的类型识别,如果是“关注后隐藏”则分享给未关注者后显示,未关注者点击关注后就会隐藏,反之则不显示;提示:关注条样式请至 自定义关注条 中设置 未设置则不显示 页面设置完毕后,第二步设置系统自定义商品详情页面中自带的元素信息,可删除也可添加其他元素,但注意的是:系统中带有灰色底的只能添加一个元素,其他未加灰色底可添加多个元素,参见下图: ![](https://wiki.we7shop.com/uploads/e5763ec210dfd9d447fbf245d80b0ac8.png) 选项卡:此元素只能使用系统默认的,不能删除只能编辑且只可自定义编辑“商品”、“详情”文字,自定义颜色,参见下图: ![](https://wiki.we7shop.com/uploads/3d0913220feded8bc05f32f8f32dd2d7.png) ![](https://wiki.we7shop.com/uploads/fc6c9f4db1a66b98dc1feda4631033f5.png) 商品图:可自定义此元素的按钮形状、位置、大小等信息,图片以上传的商品为准。 商品信息:自定义设置此元素与上下两元素的边距、背景颜色;设置文字颜色等信息,参见下图: ![](https://wiki.we7shop.com/uploads/6bb8189820feefb0e9efebc978206687.png) ![](https://wiki.we7shop.com/uploads/1bbb4e6515fedde26bfe4a4ef79f07bf.png) 营销信息、商品规格、相关套餐等元素都与“商品信息”元素操作一致,只能更改背景颜色和文字颜及边距信息,其他根据商品的实际信息 底部导航:可自由组合或自定义或隐藏店铺、购物车、关注信息,可加入购物车的商品进行设置隐藏加入购物车按钮 其他元素可根据商城的实际情况点击添加即可。