🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# **功能介绍** 1、智能画册系统,后台可以添加多个企业画册,您可以根据自己企业的规划,将不同的产品/服务/做成不同的宣传画册;还可以将品牌介绍、企业文化等信息设计为在线宣传画册。 2、支持H5和小程序端,特别注意,商城要有接入公众号和小程序,小程序才能使用智能画册,因为小程序端跳转画册页面有显示会员信息的模块,需要微信登录才可以;不接入公众号只接入小程序的,会跳转失败,无法浏览画册. # **商城后台操作说明** ## **一:后台操作流程** 1:后台创建画册 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/048fc91e1f444e2a131aabe152080bc3.png) 点击创建画册,在基础设置可以编辑画册名称,背景颜色,音频链接,客服二维码,客服电话(数字不限制) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/3918e8af68e013092e131752caaa86d1.png) 可以设置分享内容:标题,描述,分享图片 分享开关:开启则使用自定义分享,否则使用默认分享 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/d7cf4f36dcbdeb10d036c470884b4ee2.png) 2:画册之后可以增加图片管理,添加图片可以编辑排序,画册图片名称,图片,选择商品 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/e07f62f389912edf68f9d8856164c38a.png) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/a34ae82636f712fedb6fb321d6369b52.png) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/ab90a5ccaa8b80d0b63e485a1f1c1418.png) 3:创建的画册后台可以看到画册id,创建的时间,画册的名称,画册图片数量,画册商品数量,浏览人数,操作(图片股那里添加,编辑画册,删除,画册二维码,画册链接复制) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/3622c83a42b8520a495444ad6bdba31b.png) 也可以根据画册id,画册名称搜索画册 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/d3d7fbaa6f23a433f2c69e667059a79e.png) ## 二:前端画册展示 画册前端显示会员昵称,等级,头像,画册图片(图片可以点击查看详情) 右侧带有设置的音频,画册图片添加的商品,咨询客服,点击进入首页,可以分享画册 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/d69ae048679718519dfd480d25293e34.png) 图片添加选择的相关商品显示图 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/612ba76c558acf009df2dee176d73723.png) 咨询联系客服显示图 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/c4b6a16752d3b23e0c9f50743cb71cb7.png) 点击分享显示图 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/6ac6d0efb73e54fbfb4ee876854c97ae.png) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2021/11/42d1e26b2166f6360e6d6e5abe78e826.png) ## 三、小程序跳转画册,小程序平台需要配置业务域名。 登录小程序平台mp.weixin.qq.com -- 开发管理 -- 开发设置 -- 配置业务域名 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/09/af298fce2399a7d7f160e94222be40f1.png)![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/09/87ff70f993be5c51d86e645bfc3dbf0f.png) 接着,下载校验文件,点击文字就可以下载,下载到桌面,上传自己网站根目录。 如何上传网站根目录,这边以独立框架后台上传举例说明——登录商城后台  --  应用中心  --公众号  --上传js文件,上传刚下载的校验文件即可。 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/09/33afb2c886f52e26ec6eb564d4edf919.png) ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/09/8b51846eb574c5fa1dc16acccae2a0c1.png) 上传校验文件后,业务域名就可以配置好了。 ![](https://yunzmall-1251768088.cos.ap-guangzhou.myqcloud.com/images/10/2022/09/5c5f8a113f096cf6a7ab6bba534f8cb5.png)