商品展示 · 微小程小程序制作教程（副本）

# 商品展示 * * * * * ### 小程序： <table width="100%"> <tbody> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="95%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%95%86%E5%9F%8E%E5%B1%95%E7%A4%BA%E6%97%A0%E4%BB%B7%E6%A0%BC%E7%89%88/%E5%95%86%E5%9F%8E%E5%B1%95%E7%A4%BA%E6%97%A0%E4%BB%B7%E6%A0%BC%E7%89%88-%E5%95%86%E5%93%81%E5%B1%95%E7%A4%BA-%E9%A6%96%E9%A1%B5%E6%8E%A8%E8%8D%90.jpg"/> </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="95%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%95%86%E5%9F%8E%E5%B1%95%E7%A4%BA%E6%97%A0%E4%BB%B7%E6%A0%BC%E7%89%88/%E5%95%86%E5%9F%8E%E5%B1%95%E7%A4%BA%E6%97%A0%E4%BB%B7%E6%A0%BC%E7%89%88-%E5%95%86%E5%93%81%E5%B1%95%E7%A4%BA-%E5%88%86%E7%B1%BB%E5%95%86%E5%93%81%E5%88%97%E8%A1%A8.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> 首页推荐商品 </td> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> 分类列表商品 </td> </tr> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="95%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%95%86%E5%9F%8E%E5%B1%95%E7%A4%BA%E6%97%A0%E4%BB%B7%E6%A0%BC%E7%89%88/%E5%95%86%E5%9F%8E%E5%B1%95%E7%A4%BA%E6%97%A0%E4%BB%B7%E6%A0%BC%E7%89%88-%E5%95%86%E5%93%81%E5%B1%95%E7%A4%BA-%E5%88%86%E7%B1%BB%E9%A1%B5%E5%95%86%E5%93%81%E5%88%97%E8%A1%A8.jpg"/> </td> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="95%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%95%86%E5%9F%8E%E5%B1%95%E7%A4%BA%E6%97%A0%E4%BB%B7%E6%A0%BC%E7%89%88/%E5%95%86%E5%9F%8E%E5%B1%95%E7%A4%BA%E6%97%A0%E4%BB%B7%E6%A0%BC%E7%89%88-2%E5%95%86%E5%93%81%E8%AF%A6%E6%83%85.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> 分类列表商品 </td> <td width="50%" align="center" valign="middle" style="border: 0xp solid white;"> 商品详情 </td> </tr> </tbody> </table> ### 功能介绍 1. 首页推荐商品：后台选择需要首页推荐的商品，可自定义选择推荐显示在首页。 2. 分类列表商品：所有的商品都要有所属的分类，这里会显示所有的分类和所有商品。 3. 商品详情：显示商品的详细介绍。 ### 商品发布流程：【新增经营类目】→【新增商品分类】→【商品发布】 1. 经营类目：为了规范用户所上传的商品，是在法律允许的范围内的，经营类目仅限于后台展示，不显示在小程序里面。 2. 商品分类：用于显示在小程序页面的分类，所有的商品都要选择商品分类。 3. 商品发布：通过商品发布，才可以把商品展示在小程序里。 * * * * * ### 经营类目后台设置： **步骤**： 1. 点击【小程序】——【经营类目】。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%813-1.jpg"/> 2. 点击右上角“申请新的经营类目”，申请新的经营类目，要求选择三级，选择商品所属的经营类目即可。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%814-1.jpg"/> #### 商品发布： **步骤**： 1. 点击【商品】，默认进入【商品发布】——【通用信息】。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%815.jpg"/> 2. 填写商品基本资料。每一项都有要求提示 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%816-1.jpg"/> 3. 上传商品的主图和补充其他信息。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%817-1.jpg"/> 4. 填写商品详情，建议图文并茂，这样比较美观。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%818.jpg"/> 5. 点击【商品相册】，上传商品的缩略图，。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%819.jpg"/> 6. 点击【商品规格】，在规格右侧输入“规格值名称”，点击“添加”，然后点击添加的规格值，下面出现“规格-价格-库存”，填写完整即可。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%8110.jpg"/> 7. 点击【商品属性】，点击“添加一个属性”按钮，即可添加商品的属性。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%8111.jpg"/> 8. 点击【商品物流】，选择相应的物流信息。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%8112.jpg"/> 9. 最后点击“保存”，商品发布成功。 10. 商品发布成功后，商品出现在【出售中的商品】列表里。 <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E5%95%86%E5%93%8113-2.jpg"/> 11. 点击【上架】下的绿色√，可以对商品进行“下架”“上架”操作，下架后，商品则进入仓库中的商品。 12. 点击【首页推荐】下的绿色√，可以选择将该商品展示在首页的“首页推荐”列表里。 13. 点击【排序】，修改数字，可以将商品排序，数字越大，排序越靠前。 14. 点击【编辑】或者【删除】，进行相应的操作。