# 首页轮播 * * * * * ### 小程序： <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%E6%94%AF%E4%BB%98%E7%89%881/%E5%95%86%E5%9F%8E%E6%94%AF%E4%BB%981-%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE1.jpg"/> </td> <td width="100%" align="center" valign="middle"> <img width="95%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%95%86%E5%9F%8E%E6%94%AF%E4%BB%98%E7%89%881/%E5%95%86%E5%9F%8E%E6%94%AF%E4%BB%981-%E5%95%86%E5%93%81%E5%B1%95%E7%A4%BA-%E5%95%86%E5%93%81%E8%AF%A6%E6%83%85.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <strong>首页轮播图 </strong> </td> <td width="100%" align="center" valign="middle"> <strong>点击图片跳转商品详情</strong> </td> </tr> </tbody> </table> ### 功能介绍 1. 轮播图展示：首页轮播图，支持5张图轮播，商家可以做最多五张图片，用于展示店内活动、商品促销、商品广告以及其他的一些宣传。 2. 点击图片跳转商品：支持点击轮播图跳转到某一个商品的详情，便于推广某个商品直接点击轮播图跳转该商品进行购买。 ### 后台设置： 1. 点击【小程序】——【店铺设置】——【轮播图设置】： <p align="center" valign="middle" > <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E8%BD%AE%E6%92%AD%E5%9B%BE3-1.jpg"/> </p> 2. 进入轮播图设置，最多支持5张图片轮播： <p align="center" valign="middle" > <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E8%BD%AE%E6%92%AD%E5%9B%BE4-1.jpg"/> </p> 3. 点击“图片上传”，选择上传的图片，点击上传，保存即可： <p align="center" valign="middle" > <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E8%BD%AE%E6%92%AD%E5%9B%BE5.jpg"/> </p> 4. 轮播图跳转，在商品ID下方的文本框，输入需要跳转的商品ID即可： <p align="center" valign="middle" > <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E8%BD%AE%E6%92%AD%E5%9B%BE6.jpg"/> </p> 5. 商品的ID，可在【商品】-【出售中的商品】列表中查看： <p align="center" valign="middle" > <img src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/chaojidianpu/%E8%BD%AE%E6%92%AD%E5%9B%BE7.jpg"/> </p>