<返回
来源：使用教程
2017-10-13 08:20:25
阅读量：4366
商品列表组件1——小程序平台各组件使用说明
来源：使用教程
2017-10-13 08:20:25
阅读量：4366
各位亲，大家期待的电商功能终于上线了，以下我将教导大家如何使用“商品列表1”组件，让大家可以添加自己的商品，并实现商品的售卖。。。
一、添加组件入口
账号登入平台，选择模板制作或者直接点击空白模板制作，进入到制作页面后，点击“页面组件-商城-商品列表1”，将其组件拉到要创建商品的页面，如下图
二、管理对象
添加组件成功后，在页面上选中添加好的组件，可以看到其最右边的栏目“商品列表1组件”有列表名称、绑定数据等选项，我们为了实现预览能查看到要添加的商品，需先绑定数据，其数据添加，可以点击“管理对象”添加相应的数据（点击前，先保存制作的内容哈，免费丢失。）
三、添加分类
点击管理对象后，跳转到项目独立管理后台，先别急着“添加商品”，点击左边栏目“商城管理-类别管理-添加商品顶级分类”，如果要添加二级分类则要选中顶级分类，从顶级分类那边再添加对应的二级分类，以此类推；最多只能添加三级。比如男装-夏季-时尚、女装-冬季
四、添加商品
添加好分类后，点击“商品列表~添加商品”，按照要求填写信息，添加自己想要的商品，比如我们添加男装-夏季-时尚1个商品，女装-冬季2个。
五、绑定数据
添加好分类和分类对应的商品后，就可以返回到制作页面，如果制作页面已经关闭，可以点击“商品列表”页面，左上方的“编辑”按钮，即可跳到之前编辑的内容哈。如果制作页面没有关闭，直接回到之前的页面要先刷新页面，否则选中添加的商品列表组件-商品列表-绑定数据，下拉绑定数据内容还是空的。如果是重新点击编辑就不用刷新了，重新进入编辑页面-选中组件-下拉绑定数据，可以看到有3个可选的内容“男装、女装、全部”，选择要绑定的分类，比如绑定全部，如下图
六、预览效果
绑定成功后，我们可以点击预览，
微信扫描下面二维码查看效果，可以看到显示出全部商品，有男装，也有女装。
七、绑定支付
按照上面的设置只能大致显示出商品的效果，想要支付，还需要绑定自己的“小程序支付”，想要开通小程序支付，其申请的小程序必须是认证的，方可向官方申请，申请成功后，可在微企达上设置支付，设置支付的地方在编辑制作小程序页面-点击最上方的“管理”-点击“系统配置”-支付设置-添加支付-立即申请，按照要求填写相关支付信息并提交，提交成功后，则支付就可以用。
八、其他设置
上面都设置好了，其店铺首页的轮播图和分类也要设置下，设置好了，则大致内容就都齐全了。
一、添加组件入口
账号登入平台，选择模板制作或者直接点击空白模板制作，进入到制作页面后，点击“页面组件-商城-商品列表1”，将其组件拉到要创建商品的页面，如下图
二、管理对象
添加组件成功后，在页面上选中添加好的组件，可以看到其最右边的栏目“商品列表1组件”有列表名称、绑定数据等选项，我们为了实现预览能查看到要添加的商品，需先绑定数据，其数据添加，可以点击“管理对象”添加相应的数据（点击前，先保存制作的内容哈，免费丢失。）
三、添加分类
点击管理对象后，跳转到项目独立管理后台，先别急着“添加商品”，点击左边栏目“商城管理-类别管理-添加商品顶级分类”，如果要添加二级分类则要选中顶级分类，从顶级分类那边再添加对应的二级分类，以此类推；最多只能添加三级。比如男装-夏季-时尚、女装-冬季
四、添加商品
添加好分类后，点击“商品列表~添加商品”，按照要求填写信息，添加自己想要的商品，比如我们添加男装-夏季-时尚1个商品，女装-冬季2个。
五、绑定数据
添加好分类和分类对应的商品后，就可以返回到制作页面，如果制作页面已经关闭，可以点击“商品列表”页面，左上方的“编辑”按钮，即可跳到之前编辑的内容哈。如果制作页面没有关闭，直接回到之前的页面要先刷新页面，否则选中添加的商品列表组件-商品列表-绑定数据，下拉绑定数据内容还是空的。如果是重新点击编辑就不用刷新了，重新进入编辑页面-选中组件-下拉绑定数据，可以看到有3个可选的内容“男装、女装、全部”，选择要绑定的分类，比如绑定全部，如下图
六、预览效果
绑定成功后，我们可以点击预览，
微信扫描下面二维码查看效果，可以看到显示出全部商品，有男装，也有女装。
七、绑定支付
按照上面的设置只能大致显示出商品的效果，想要支付，还需要绑定自己的“小程序支付”，想要开通小程序支付，其申请的小程序必须是认证的，方可向官方申请，申请成功后，可在微企达上设置支付，设置支付的地方在编辑制作小程序页面-点击最上方的“管理”-点击“系统配置”-支付设置-添加支付-立即申请，按照要求填写相关支付信息并提交，提交成功后，则支付就可以用。
八、其他设置
上面都设置好了，其店铺首页的轮播图和分类也要设置下，设置好了，则大致内容就都齐全了。
