产品介绍：店铺装修模板图片轮播代码分为A款、B款、C款，每款有左右滚动、上下滚动、渐变三种效果代码。
图片轮播代码能美化你的店铺装修，吸引客户的注意力、激发他们的购买热情、提高宝贝的转化率。
A款、左右滚动代码如下：<DIV style="WIDTH: 750px; HEIGHT: 400px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide"><ul class=lst-main><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><imgsrc="/imgextra/i1/751105631/T2H2pDXm4 MXXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><img src="/imgextra/i1/751105631/T2jDBBXk0M XXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><imgsrc="/imgextra/i1/751105631/T2LSJFXb8N XXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><img src="/imgextra/i4/751105631/T2jSXVXm4b XXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li></ul></div>B款、上下滚动代码如下：<DIV style="WIDTH: 750px; HEIGHT: 400px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'scrollx','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide"><ul class=lst-main><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><imgsrc="/imgextra/i1/751105631/T2H2pDXm4 MXXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><img src="/imgextra/i1/751105631/T2jDBBXk0Mheight="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><img src="/imgextra/i1/751105631/T2LSJFXb8N XXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><img src="/imgextra/i4/751105631/T2jSXVXm4b XXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li></ul></div>C款渐变代码如下：<DIV style="WIDTH: 750px; HEIGHT: 400px" class="slider-promo J_Slider J_TWidget" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide"><ul class=lst-main><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><imgsrc="/imgextra/i1/751105631/T2H2pDXm4height="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><img src="/imgextra/i1/751105631/T2jDBBXk0M XXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><img src="/imgextra/i1/751105631/T2LSJFXb8N XXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li><li><A style="WIDTH: 750px; HEIGHT: 400px" href="/" target=_blank><img src="/imgextra/i4/751105631/T2jSXVXm4b XXXXXXXX_!!751105631.jpg" width="750" height="400"></A></li></ul></div>附使用教程图片轮播代码安装教程1、进入“店铺装修”2、在“店铺装修”页面的点击左侧下面或右侧下面“在此处添加新模板”进入“添加模块”窗口，选择“自定义内容区”点击“添加”3、在添加好的“自定义内容区”点击编辑“编辑HTML源码”（此处新版和旧版有所不同）4、单击后其它按钮为灰色状态，然后粘贴“图片轮播代码”，将下图中四个红色字体部分分别替换成你的四张宝贝图片。
蓝色字体分别替换成每张图片的链接地址（注意：可以word在把代码编辑好，再复制到自定义区，但一定要做好代码备份）5、再单击“编辑HTML源码”按钮查看效果6、双击每张图片，加上图片链接地址7、OK，保存，发布。