🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
店铺装修设置入口:【应用】——【店铺装修】,参见下图: ![001576211775241b63010056921ef88](https://wiki.we7shop.com/uploads/999a56c46aa0191be9b1c3c4e45093fd.png) 首先点击菜单【新建页面】,(也可以点击【系统页面】/【自定义页面】——【![00157621e893cbeb9b60a913dee64de](https://wiki.we7shop.com/uploads/8d3c71fe1f2a1a9e4e0e22950f0d8390.png)】)在新建页面中有三种类型的页面可供选择创建,参见下图: ![00157a84196a7bf686356abebf56533](https://wiki.we7shop.com/uploads/e07c7f0fc83ba3a3006780af07451ba5.png) “系统页面”创建编辑好后,可替代商城系统页面,(目前系统页面只有“商城首页”可创建编辑,其它模块敬请期待!!),而“自定义页面”编辑好后,只能通过关键字进入,两者的创建操作相一致,其两者不同点是“自定义页面”有限制访问的权限,而“系统页面则没有此权限”,“通过模板创建”则直接会到模板管理页面中进行选择适合的模板创建使用即可。具体操作如下: * 因“系统页面”与“自定义页面”编辑操作相一致,在此以“系统页面”为例: 点击【![001576214d85931b71fe9bfed5aaf32](https://wiki.we7shop.com/uploads/28ef503b820e6f0837acc8d23441d5d9.png)】——【![001576214e74c387a749e2c706f327d](https://wiki.we7shop.com/uploads/c8d575291f9640951160111a67e4490d.png)】,“自定义页面”直接点击![001576223c0e757b2858efb7b5bc0a8](https://wiki.we7shop.com/uploads/fa6651de37c017743cc22124bc545a2c.png)即可,参见下图: ![00157621679f1ac7872ad6d5ea9cd6d](https://wiki.we7shop.com/uploads/70fd0a1e2050f598dad10863af5a0f52.png) “自定义页面”的访问权限设置在页面设置中进行设置,可针对关注商城的会员或分销商所在的等级进行限制无权访问的授权设置,需注意的是只能设置会员等级和分销商等级的限制访问权限的设置,不能根据会员分组或某个会员或某个分销商进行设置,选择受限能访问的会员和分销商等级后,被选择的会员等级和分销商等级下的会员和分销商有权限访问此自定义页面,反之未被选择的则无权访问,填写好无权访问的标题及链接,在无权访问的会员或分销商在进入自定义的页面时就会提示,参见下图: ![00157a850646d56228ca3ac0bb36dd1](https://wiki.we7shop.com/uploads/b4c42cd7e94e7ddd523cf428a252d77e.png) “页面名称”的填写编辑是便于后台的查找,不显示在手机端,可重复填写编辑,“页面标题”的填写编辑才显示在手机端,“关键字”不可填写编辑重复信息,如果重复”关键字“会字体及输入框会变为红色(如上图”关键字“及输入框),可自定义修改在手机端显示的”背景颜色“,选择”底部菜单“的显示类型。 商城的底部菜单需要在【应用】——【新建菜单】中添加菜单信息才能进行选择,参见下图: ![00157624f879a757db251494d11f22b](https://wiki.we7shop.com/uploads/f911d1dc9dc9d1d08f8803b0f15af810.png) \*\*菜单图标样式有“图标+文字”,此样式支持添加二级菜单,\*\***添加二级菜单后链接会覆盖一级菜单的链接,图标只能选择系统中自带的图标,可以更改图标的位置,而“图片”样式则不支持添加二级菜单,可选择上传自定义图片,不可更改图标位置。** 填写编辑完毕后,在给商城添加元素,点击下方的元素,在左侧可预览查看,例如点击添加![0015762199715657b71130a7f09a436](https://wiki.we7shop.com/uploads/5c68c45e1b283e7ebb51f67f32d5f797.png),参见下图: ![00157621bb80e22df78c6ddd58fb9be](https://wiki.we7shop.com/uploads/6d8679510d51aa04057133dc676ca114.png) 添加若干条元素后,可拖动元素更改位置,对新建的页面点击![00157621cf430dbc0c30c07d5851066](https://wiki.we7shop.com/uploads/85cb6ddc895438a7afb950fb063ec3b8.png),将页面保存到模板中,进行再次使用(在【全部模板】中直接根选择创建即可),参见下图: ![00157621d99acb165e2bf25cce37115](https://wiki.we7shop.com/uploads/0c4a22e7150120fcf847c8166c9cc532.png) ![00157621e186ad4d3b9a768f593fb8e](https://wiki.we7shop.com/uploads/670f56018347aaeebe171c405c30e306.png) “公用模块”元素与其它元素不同,需要将信息添加到系统中才能选择使用,否则系统会给予提示,而其他元素直接添加就可以使用,具体操作如下: 点击【新建模块】填写模块名称,点击选择模块中的元素,保存即可,参见下图: ![00157624949198e5a1e06338016c6bb](https://wiki.we7shop.com/uploads/80e2b4c51cc40dda03922e15ce77d8fe.png) 在“系统页面”和“自定义页面”添加“公用模块”直接选择保存的信息即可,参见下图: ![00157624af8494c2fef41ef8c64f767](https://wiki.we7shop.com/uploads/2778d58bf5c2f18fc5fba0b681fa37d4.png) 点击![00157621f2ca6e606d78db57facbaa2](https://wiki.we7shop.com/uploads/59e2e9b08d066015c7505ed24163d84c.png)可将新建的页面直接保存到【系统页面】中,在列表中点击保存的页面,可直接预览在手机端的显示,点击![00157621f316ad48b5b836b59557523](https://wiki.we7shop.com/uploads/7135c43498d7739eb8f7651af293b2d2.png)将新建的页面保存到【系统页面】中,且生成在手机端显示的预览页面。 【系统页面】保存后,点击【页面设置】替换商城系统页面,则商城中的系统首页被替换为新建的系统页面,参见下图: ![00157624de26d5db0e6ed806cae2641](https://wiki.we7shop.com/uploads/d7cd943912944790e378e75e36d16b58.png) ![00157624dfc618762284184be304c55](https://wiki.we7shop.com/uploads/df7245e2a168993b05ae276e43bb540a.png) * 通过模板创建 点击【![001576251d933ef48dd6906d8c18f1a](https://wiki.we7shop.com/uploads/6f27ff88d88c26ba8c5c65617e4c16ea.png)】可直接进入【全部模板】页面,(或直接点击【应用】——【全部模板】),选择系统中自带的8套模板,点击创建页面,\*\*需注意的是系统自带的模板只有系统管理员可删除,删除后将无法恢复,请谨慎操作,\*\*参见下图: ![001576253c0bfe0ddc101701722f57b](https://wiki.we7shop.com/uploads/7efbe22e976a6fa8e649c93a5f07a9bb.png)