当前位置：主页 > 帮助中心 > 制作教程店铺列表组件——微信小程序制作平台多门店展示使用教程

店铺列表组件——微信小程序制作平台多门店展示使用教程

来源：原创 | 2018-05-14 10:12 点击数：

一、店铺列表的用途
店铺列表组件可以添加多个子店铺，当前店铺也可以入驻到别人的子店铺列表中，也就是用户可以同时开多个店铺。

二、“组件-店铺列表”设置入口
说明：登入小程序制作平台，进入到“小程序模板”页面，选择‘空白模板’制作或选中某个模板，点击开始制作，设置下项目封面和标题，进入到小程序编辑页面，在“页面组件-商城-”点击“店铺列表”

三、“组件-店铺列表”的数据绑定
1.点击编辑页面右侧的管理对象，在管理后台进行数据添加

2.点击“多店铺管理”中的“店铺分类”，分类最多只能够添加一级，先点击”添加商家分类“进行添加商家分类，比如我们添加4个分类：服装、电器、家具、出行

3、添加完店铺分类后，接着点击”多店铺管理“中的”店铺列表“添加子店铺
说明：每个小程序就相当于一个子店铺，在填写子店铺信息时，其中的”店铺ID“必须是所添加的子店铺的ID；

下面我们添加两个子店铺，分别是之前做好的”汽车行业“和”汉服云“两个小程序中的店铺信息，所以我们打开”汽车行业“小程序，点击”商城管理“中的”商品列表“，然后点击”复制“按钮复制店铺ID；

复制好ＩＤ后回到当前小程序”美食“，将ID填写到”添加店铺“中的”店铺ID“中；

填写完店铺信息后点击保存，就可以看到所添加的子店铺列表了

四、绑定数据
添加好分类和分类对用的子店铺后，就可以返回到制作页面，如果制作页面已经关闭，可以点击左上方的“编辑”按钮，即可跳到之前编辑的内容哈。如果制作页面没有关闭，直接回到之前的页面要先刷新页面，否则选中添加的店铺列表组件-店铺列表-绑定数据，下拉绑定数据内容还是空的。如果是重新点击编辑就不用刷新了，重新进入编辑页面-选中组件-下拉绑定数据，可以看到有5个可选的内容“全部、服装、家具、出行、电器”，选择要绑定的分类，比如绑定全部，如下图

五、预览效果
绑定成功后，我们可以点击预览，可以看到有两个子店铺

分别进入子店铺，可以查看店铺里的商品的详情

六、申请入驻
在添加子店铺的时候，是当前店铺作为总店铺，是主动添加其他店铺；而”申请入驻“功能是将当前店铺添加到其他店铺中，作为其他店铺的子店铺。
说明：已经添加到总店铺中的子店铺不能作为总店铺，即总店铺不能入驻到它的子店铺中，比如：当前总店铺是美食，子店铺是”汽车之家“和”一览汐羽“（汉服云小程序）；则在申请入驻时，总店铺ID不能填”汽车之家“（汽车行业小程序）和”一览汐羽“（汉服云小程序）的店铺ID。
1、设置入口