## **使用轮播、标题、搜索框、辅助线、辅助空白、店招、商品组、富文本、按钮组、单图、图片魔方等元素DIY设置商城首页、商城专题页面。（商城首页自定义页面启用默认后将代替系统默认页面(商城首页)，同一个类型的页面仅允许设置一个默认页面）** ## ## 商城首页若不使用店铺装修，则默认系统模板【装修页面支持位置相互移动】 ## 1、新添加/编辑店铺装修页面  ## 2、进入装修页面后，可对**商城页面**信息进行设置。 ## **页面标题**：手机微信端商城首页的标题 ## **页面描述**：分享后显示的页面描述内容 ## **封面图片**：分享后显示的商城logo在  ## 前端展示：   ## 3、**页面功能开关** ## 页面底部导航可设置为不显示、系统默认、自定义菜单。  ## 1）  后台设置不显示，前端效果如下  ## 2） 后台设置系统默认，前端效果如下  ## 3） 自定义菜单可在底部导航中进行自定义设计，后台截图：  ## 4、**悬浮按钮设置**（商城支持美洽客服和QQ链接） ## 1）悬浮按钮支持位置的移动 ## 2）支持自定义悬浮按钮的宽度大小， ## 3）支持自定义悬浮按钮的顶部间距，间距越大距离越大 ## 4）支持悬浮按钮插入链接，链接不受限制。我们商城支持美洽客服链接和QQ链接。【如何对接QQ链接：】 ## 5）悬浮按钮支持自定义图片 ## 系统默认的图标效果如下：    ## 前端展示：  ## **浏览权限**可以对会员等级浏览权限进行勾选设置，后台截图：  ## 5、**公告设置**：设置商城公告，方便消费者留意到店铺活动。轮播设置：海报图片轮播设置对于店铺来说一宣传近期促销信息，勾起用户的购买欲，二是发布爆款信息，让用户信任，三发布并宣传新产品，为用户下次访问打下基础，带来消费！  ## 6、**标题设置**：自定义编辑主副标题的内容、字体大小、文字和背景颜色（副标题可显示可不显示）  ## 7、**搜索框**设置有两种搜索样式，添加搜索框，会员可在商城首页直接点击搜索商城任一商品。  ## 【提示文字：搜索框默认提示文字，超出屏幕的宽度将会自动隐藏超过的文字】前端显示效果如下：  ## 8、 **辅助线** ## 用于分割，令界面显示更清晰，可自定义设置其样式、高度和颜色  ## **前端演示：** ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-34-56.png) ## 9、**辅助空白** ## 可在商业页面添加一片空白块，其颜色和高度可以更改设置 ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-36-38.png) ## **前端演示：** ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-37-37.png) ## 10、**店招** ## 店招相当于商城的名片简介，商家可以自定义店招的背景图片和按钮颜色，商城的名称和logo读取系统设置 ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-39-18.png) ## **前端演示：** ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-40-13.png) ## 11、**商品组** ## 商品组用于设置商品展示，商家可以通过样式选择来决定商品的排布样式。标题可自由设置文字和背景的颜色，或是选择隐藏。商品的购买按钮、属性图标和价格有多个样式供商家选择。 ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-42-02.png) ## **前端演示：** ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-42-53.png) ## 12、**富文本** ## 副本可以在商城的主界面中添加一段文字+图片的模板，文字可以编辑不同的样式，图片也可以自由上传选择，商家可以在图片中添加超链接，用户点击图片即可跳转至相关页面。 ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-45-17.png) ## **前端演示：** ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-46-17.png) ## 13、**按钮组** ## 添加按钮组后，商城的主界面会新增一组按钮栏。商家可以设置按钮的样式、数量、文字大小和背景颜色。每个按钮都可以添加图片，图片可以设置文字和添加链接，能让商城的产品能更清晰地体现出来。 ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-47-30.png) ## **前端演示：** ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-48-23.png) ## 14、**单图** ## 单图是用于在商城主界面添加一张图片，图片可以自主选择上传。这张图片可以附加超链接，用户在商城点击此图片即可跳转至商家预设的界面。 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-52-10.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-53-23.png) ## 15、**图片组合** ## 图片组合用于在商城主界面添加一套图片，图片可自定义上传。 ## [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-54-24.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-55-17.png) ## 16、**定位** ## 在商城界面设置一个定位模块，可以定位并显示用户的所在城市和提供一个搜索功能。 ## 搜索框的文本可以自定义填写。 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-56-16.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-57-00.png) ## 17、**门店** ## 设置后可显示用户附近的门店，显示信息包括门店名称、距离、门店分类、销量和活动。 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-58-09.png) ## 18、**签到** ## 设置一个签到模块，图片可以自由选择。模块会显示签到按钮和奖励，背景和文字的颜色可以自由选择。 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_07-59-01.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-00-37.png) ## 19、**头条动态** ## 添加一个头条模块，头条的图标可以自主上传。 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-01-34.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-02-13.png) ## 20、**文章组件** ## 在商城主界面中添加文章模块，背景颜色可自选，文章可添加多篇。 ## 添加方式分为手动获取和自动获取，如选择手动获取，则可以通过搜索添加任意想要添加的文章。 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-03-37.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-04-44.png) ## 21、**优惠券** ## 添加优惠券模板，添加后用户可以在商城点击领取优惠券，优惠券和背景的颜色可以自定义设置。 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-06-00.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-10-13.png) ## 22、**限时抢购** ## 添加限时抢购的商品，商品的显示布局有多种样式选择，可添加或隐藏抢购标题。 ## 商品的属性、购买按钮、价格显示、名称显示、内容显示有多种选择。 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-12-47.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-15-20.png) ## 23、**选项卡** ## 添加选项卡展示门店上架，优惠券礼包 [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-28-48.png) ## **前端演示：** [](http://wikiyun.hcwxcn.com/wp-content/uploads/pic2019-09-21_08-29-33.png)