# 首页轮播 * * * * * <a style="font-size:30px" href="https://www.weiyun.com/video_preview?videoID=024a0b2c-9497-463d-b92c-d3293f3b9dec&dirKey=fad253739d5c0cc8fae17d14f17b01ce&shareKey=53dDAsa&fileName=01%E8%BD%AE%E6%92%AD%E5%9B%BE.mp4">点击查看视频介绍</a> ### 功能介绍： <table> <tr style="background-color:#630863;color:white"> <td width="20%" align="center" >功能</td> <td align="center" >介绍</td> </tr> <tr> <td width="20%" align="center">轮播图展示</td> <td>首页轮播图，支持10张图轮播，商家可以做最多五张图片，用于展示店内活动、商品促销、商品广告以及其他的一些宣传。</td> </tr> <tr> <td align="center">轮播图跳转</td> <td>支持点击轮播图跳转到某一个商品的详情或文章详情，便于推广某个商品直接点击轮播图跳转该商品进行购买或文章资讯。</td> </tr> </table> ### 例如： <table width="100%"> <tbody> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <img width="40%" src="http://static.wexiaocheng.com/jiaocheng/kancloud/hangyemuban/%E5%95%86%E5%9F%8E%E8%B6%85%E7%BA%A7%E7%89%88/%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD/%E8%BD%AE%E6%92%AD%E5%9B%BE1.jpg"/> </td> </tr> <tr style="border: 0xp solid white;"> <td width="100%" align="center" valign="middle" style="border: 0xp solid white;"> <strong>首页轮播图</strong> </td> </tr> </tbody> </table> ### 后台设置： <ol> <li>点击【小程序】——【店铺设置】——【轮播图设置】：</li> <p align="center" valign="middle" > <img width="90%" class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%88%B6%E4%BD%9C/%E5%95%86%E5%9F%8E%E8%B6%85%E7%BA%A7%E7%89%88/%E8%BD%AE%E6%92%AD%E5%9B%BE/%E8%BF%9B%E5%85%A5%E8%BD%AE%E6%92%AD%E5%9B%BE.png"/> </p> <li>进入轮播图设置，最多支持5张图片轮播：</li> <p align="center" valign="middle" > <img width="90%" class="img"src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%88%B6%E4%BD%9C%E6%B5%81%E7%A8%8B/%E5%8A%9F%E8%83%BD/%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE/%E8%BD%AE%E6%92%AD%E5%9B%BE%E5%B1%95%E7%A4%BA.png"/> </p> <li>点击“图片上传”，选择上传的图片（注意尺寸比例750x352），点击上传，也可以更换图片和删除图片，支持跳转文章和商品。</li> <p align="center" valign="middle" > <img width="90%" class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%88%B6%E4%BD%9C%E6%B5%81%E7%A8%8B/%E5%8A%9F%E8%83%BD/%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE/%E4%B8%8A%E4%BC%A0%E8%BD%AE%E6%92%AD%E5%9B%BE.png"/> </p> <li>选择“文章”，点击选择文章，跳转到选择文章页面，选择完成后，点击“确定添加文章”。</li> <p align="center" valign="middle" > <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%88%B6%E4%BD%9C%E6%B5%81%E7%A8%8B/%E5%8A%9F%E8%83%BD/%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE/%E9%80%89%E6%8B%A9%E6%96%87%E7%AB%A0.png"/> </p> <li>选择“商品”，点击选择商品，跳转到选择商品页面，选择完成后，点击“确定添加商品”。</li> <p align="center" valign="middle" > <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%88%B6%E4%BD%9C%E6%B5%81%E7%A8%8B/%E5%8A%9F%E8%83%BD/%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE/%E9%80%89%E6%8B%A9%E5%95%86%E5%93%81.png"/> </p> <li>最后点击“保存修改”。</li> <hr> ### 流程演示： <img class="img" src="http://static.wexiaocheng.com/jiaocheng/kancloud/%E5%88%B6%E4%BD%9C%E6%B5%81%E7%A8%8B/%E5%8A%9F%E8%83%BD/%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE/%E9%A6%96%E9%A1%B5%E8%BD%AE%E6%92%AD.gif"/>