🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
**说明:零售商城首页商家可以自定义添加想添加的模块,例如:首页轮播图、分类导航栏、商城优惠券、推荐商品、促销商品、最新商品、拼团活动、秒杀活动、礼品卡、魔方等信息** 1、首页轮播图 进入门店后台,点击左侧菜单栏商城-门店图片,点击新增轮播图,添加想要上传的图片,并且可以设置点击这个图片可以跳转的链接的地址,可以跳转商品分类、充值、商品详情、拼团首页、秒杀首页、礼品卡、plus会员、营销此卡等 ![](https://img.kancloud.cn/07/da/07dac319d74b63eaf770a9f2693ce132_1639x911.png) ![](https://img.kancloud.cn/de/d7/ded7ce5468f82d7e1edeee8ee117564e_1639x911.png) 下图为商城展示页面 ![](https://img.kancloud.cn/cf/b1/cfb151414926083006fa2960079ae227_330x636.png) 2、分类导航栏 进入门店后台,点击商城-分类导航,点击新增导航,输入导航栏的标题、图片,可以选择导航栏的跳转类型,可跳转商品分类、或者不同的功能入口,设置排序,开启启用 ![](https://img.kancloud.cn/8d/c0/8dc0585a493c2316b8acc8608fbe9a37_1639x911.png) ![](https://img.kancloud.cn/b5/a1/b5a17d37f693393a872eeb4de26e23b3_1639x911.png) 下图为商城展示页面 ![](https://img.kancloud.cn/0c/8b/0c8b25ffe5a63bb8d8602230322f6750_327x642.png) 3、商城优惠券 进入门店后台,点击营销-优惠券,点击新增优惠券,按提示输入优惠券的信息进行创建优惠券,此优惠券用户领取之后只能在商城中使用并且只能在本店中使用 ![](https://img.kancloud.cn/25/f2/25f2bb296ac37ef52c50c93dc43338d9_1639x911.png) ![](https://img.kancloud.cn/c1/85/c1851a553dc689dacbb76c8050ed9f01_1639x911.png) 下图为商城展示页面 ![](https://img.kancloud.cn/38/11/38110fb924af08adcdf56f7b449e58de_332x613.png) 4、推荐商品 进入门店后台,点击营销-推荐商品,商家可以在首页添加部分商品为推荐的商品,点击新增选择商品 ![](https://img.kancloud.cn/8a/c5/8ac5d7cf86d3f2ab998f8204bcd8e059_1639x911.png) 下图为商城展示页面 ![](https://img.kancloud.cn/47/98/47989f924a1cc49c7be7105bb4e384ae_311x587.png) 5、促销商品 进入门店后台 ,点击营销-促销商品,点击新增促销商品 ![](https://img.kancloud.cn/47/d6/47d66cfa06d1ead1cbb84259200c7f47_1639x911.png) 选择想要促销的商品,输入促销价格以及促销时间,点击确认添加,最后开启促销商品 ![](https://img.kancloud.cn/7a/46/7a468e7ed5bc4f4bdfc6bffba67ec4b6_1639x911.png) ![](https://img.kancloud.cn/89/19/8919a28161c914e06e9cc08196489e7e_1639x911.png) 下图为商城展示页面 ![](https://img.kancloud.cn/af/02/af02c389dba8b79320fb43969cd3eceb_286x619.png) 6、最新商品 进入门店后台,点击营销-最新商品,点击新增最新商品,选择商品放到最新商品里并且开启最新商品首页的展示 ![](https://img.kancloud.cn/84/a9/84a98cded2a18dfa9f29333ef63ea09e_1639x911.png) 下图为商城展示页面 ![](https://img.kancloud.cn/b7/0e/b70e61f9cac273fbe65d0136e4bade5e_281x617.png) 7、拼团活动 登录门店后台,点击营销,点击多人拼团,将该门店拼团功能开启 ![](https://img.kancloud.cn/9e/35/9e35e77b6635b4fe32e126206d4e2a99_1824x624.png) 点击新建拼团,选择拼团商品 ![](https://img.kancloud.cn/7b/86/7b8679609869824d2609538d1a093be5_1824x528.png) ![](https://img.kancloud.cn/e5/6d/e56d36def8b1727b6be194228a79219d_1274x844.png) 点击设置封面,可以设置小程序商城首页的拼团入口图片 ![](https://img.kancloud.cn/46/a6/46a611cf2e695651aa79c47ddb04b875_1824x568.png) 下图为商城展示页面 ![](https://img.kancloud.cn/21/27/2127b1f89baa74ed15b5ce575c5de067_278x613.png) 8、秒杀活动 登录门店后台,点击营销,点击秒杀,将该门店秒杀功能开启 ![](https://img.kancloud.cn/fc/0a/fc0a0d46863f18baa969a30c5eef273f_1639x911.png) 点击新建秒杀,选择秒杀商品 ![](https://img.kancloud.cn/87/6c/876cd9f297c03a0b148fdbb3f835f4cf_1639x911.png) 点击设置封面,可以设置小程序商城首页的秒杀入口图片 ![](https://img.kancloud.cn/9f/ef/9fef31b2f4f27ded7a5da626fe062d82_1639x911.png) ![](https://img.kancloud.cn/70/56/70561df2fc5bbb048edb922b5215d699_1639x911.png) 下图为商城展示页面 ![](https://img.kancloud.cn/ff/6e/ff6e85e3e754ad25e7b6e45daf97074d_325x619.png) 9、礼品卡(需总部设置) 进入礼品卡页面,点击添加礼品卡,输入礼品卡的名称、使用须知以及时间进行创建新的礼品卡 ![](https://img.kancloud.cn/ab/b8/abb89802178a62fc2d7c9c8e3473dfbd_1639x911.png) ![](https://img.kancloud.cn/a0/af/a0afee2ac92446e9082237eaa80fc078_1825x889.png) ![](https://img.kancloud.cn/8e/02/8e024041f3739bdcb7556b486588ca06_1582x951.png) 点击详情,进入详情的页面,点击添加金额,设置此张礼品卡的金额、售价以及数量 ![](https://img.kancloud.cn/5f/24/5f241dfd23a6e00759499b63f1c1b764_1920x973.png) 添加封面,可以添加礼品卡在小程序商城首页中展示的图片 ![](https://img.kancloud.cn/96/bd/96bd5372856e0dc4b2627fb27b427a48_1920x872.png) ![](https://img.kancloud.cn/b4/fa/b4faf58234799630b2e41cb059f86e90_1451x688.png) 点击上架 ![](https://img.kancloud.cn/d4/1c/d41ca9ab3dd50658d6acfce516e74455_1815x869.png) 添加金额,设置礼品卡金额,礼品卡售价已经数量并点击上架 ![](https://img.kancloud.cn/54/8b/548b7e42b81529dde29b653c64793da4_1801x850.png) ![](https://img.kancloud.cn/83/82/8382f5b6c3664bd3521415c240ed0f1b_1919x768.png) 设置首页展示,添加小程序首页展示礼品卡的图片,点击添加展示图,并且将状态按钮打开 ![](https://img.kancloud.cn/a3/fe/a3fe71760e0fc52c44d49dd169903e54_1913x852.png) 添加展示图 ![](https://img.kancloud.cn/1e/6b/1e6bc0c7eea2459918586559ac5d218c_1751x877.png) ![](https://img.kancloud.cn/a2/42/a24210c77e76ab7556d8f36c1b76e170_1920x786.png) 点击上架 ![](https://img.kancloud.cn/37/de/37de72b8f7ed81c3186c18d69531d7be_1920x910.png) 小程序商城中显示(礼品卡可以赠送,有且只能赠送一次;可以在会员卡中充当余额使用) ![](https://img.kancloud.cn/c8/ff/c8ff1912b23a9d9de128e01fed9b79e3_421x689.png) ![](https://img.kancloud.cn/73/c2/73c2d578a8eff8cd0e3f3757fc155376_402x704.png) 10、魔方 进入魔方页面,点击添加魔方,根据模板图输入魔方标题,魔方主图或小图创建新的魔方 ![](https://img.kancloud.cn/f8/49/f8490c02d89e676461b32ca29797fdff_1639x911.png) ![](https://img.kancloud.cn/a1/18/a118371082d1bebcb1084dcd40b5763b_1639x911.png) 将魔方状态按钮开启 ![](https://img.kancloud.cn/79/c2/79c244862794c22c29f89a8f1b64bf35_1338x521.png) 具体设置完小程序上的样式如下图 ![](https://img.kancloud.cn/32/4d/324da965bc3fe1edae9668fb3b4f2826_1080x1920.png) 11、DIY商城 (1)商户给门店开启插件权限(秒杀、团购等) ![](https://img.kancloud.cn/cf/03/cf0381f6f0b5bfba9dc4f81a467d756d_1824x721.png) (2)门店也要开启小程序的相应营销插件 ![](https://img.kancloud.cn/66/4d/664d337bd5cc78055475b3e299459f15_1824x818.png) 以上两点都有可能造成门店DIY时会无法使用 ![](https://img.kancloud.cn/0d/22/0d220c44b3f486837b5aabe86850efd4_1902x865.png) 进入门店后台设置DIY商城 ![](https://img.kancloud.cn/13/b2/13b246f3d2b13b74f4096933c06f0b08_1906x976.png) ![](https://img.kancloud.cn/54/7d/547d2054fca3b1c77e0a099da2a2ce5b_1639x911.png) ![](https://img.kancloud.cn/8d/29/8d29e0d67dfcf04dbe39e71aa578cd04_1674x808.png) ![](https://img.kancloud.cn/93/7b/937b8a82643c04c4097badb9d2a51693_1573x752.png) ![](https://img.kancloud.cn/bb/1b/bb1b0e56848eb930ee9b6213c688d8e7_1686x779.png) ![](https://img.kancloud.cn/79/e9/79e98b8e0ac86fe9c66a957d5c96405c_1508x692.png)