当前位置：主页 > 帮助中心 > 制作教程商品列表组件1——微信小程序开发定制平台电商系统使用方法

商品列表组件1——微信小程序开发定制平台电商系统使用方法

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

各位亲，大家期待的电商功能终于上线了，以下我将教导大家如何使用“商品列表1”组件，让大家可以添加自己的商品，并实现商品的售卖。。。

一、添加组件入口

账号登入平台，选择模板制作或者直接点击空白模板制作，进入到制作页面后，点击“页面组件-商城-商品列表1”，将其组件拉到要创建商品的页面，如下图

二、管理对象

添加组件成功后，在页面上选中添加好的组件，可以看到其最右边的栏目“商品列表1组件”有列表名称、绑定数据等选项，我们为了实现预览能查看到要添加的商品，需先绑定数据，其数据添加，可以点击“管理对象”添加相应的数据（点击前，先保存制作的内容哈，免费丢失。）

三、添加分类

点击管理对象后，跳转到项目独立管理后台，先别急着“添加商品”，点击左边栏目“商城管理-类别管理-添加商品顶级分类”，如果要添加二级分类则要选中顶级分类，从顶级分类那边再添加对应的二级分类，以此类推；最多只能添加三级。比如男装-夏季-时尚、女装-冬季

四、添加商品

添加好分类后，点击“商品列表~添加商品”，按照要求填写信息，添加自己想要的商品，比如我们添加男装-夏季-时尚1个商品，女装-冬季2个。

五、绑定数据

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

六、预览效果

绑定成功后，我们可以点击预览，

微信扫描下面二维码查看效果，可以看到显示出全部商品，有男装，也有女装。

七、绑定支付

按照上面的设置只能大致显示出商品的效果，想要支付，还需要绑定自己的“小程序支付”，想要开通小程序支付，其申请的小程序必须是认证的，方可向官方申请，申请成功后，可在微企达上设置支付，设置支付的地方在编辑制作小程序页面-点击最上方的“管理”-点击“系统配置”-支付设置-添加支付-立即申请，按照要求填写相关支付信息并提交，提交成功后，则支付就可以用。