1、登录后,点击“淘宝卖家中心”随后在如图所示中,挑选“店面装修”。
2、在店铺招牌下边,寻找自定具体内容区,点一下“编写”,要是没有自定具体内容区,则点击下面的图的“在这里加上新控制模块” ,随后挑选“自定具体内容区”前的”加上”。
3、将编码里的“图片地址1”改成你必须滚屏的第一张照片的详细地址,冒号要保存。详细如下:(请把轮播图片提早上传入图片空间里)。
最先进到图片空间,找到你要滚屏的第一张高清图片。点击此图下的“连接”两字,滚屏的第一张照片的详细地址就拷贝好啦,只需选定“第一张的图片详细地址”黏贴就可以,冒号要保存。
4、“第一张图的网页链接详细地址即产品的订购网页页面详细地址”改成你必须连接的详细地址。此详细地址为点击 “滚屏的第一张高清图片” 时开启的网页详细地址。
方式如下所示:最先你寻找“售卖里的商品”和此照片相匹配的宝物,点击的“一键复制” ,将“第一张图的网页链接详细地址即产品的订购网页页面详细地址”就拷贝好啦,只需选定“第一张图的网页链接详细地址即产品的订购网页页面详细地址”黏贴就可以。冒号要保存
5、反复第4、5步,将多余的照片和链接地址都一一开展改动。注:下列编码是四个轮播图,假如是大量得话,编码提升一些就可以。
6、除此之外,编码里的数字是能够调整的,WIDTH是总宽的含意, HEIGHT是相对高度的含意,因此之后的数据能够改为你喜欢的总宽和相对高度值。
7、进到下边这一页面,点一下水笔框起来的那种标志,开展编码编写,将修改后的编码黏贴进来。并点击“储存”按键
8. 点击下面的图里的蓝色的“公布“按键,就能够发布了。确定公布后,点击下面的图中“查询我的店铺“就能够看见实际效果了
<div class="slider-promo J_Slider J_TWidget" style="height:441px; width:750px" data-widget-type="Slide" data-widget-config="{'effect': 'fade','triggerType':'mouse','duration': 0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main','activeTriggerCls': 'current'}">
<div style="height:400px; overflow:hidden">
<div class="lst-main">
<div><A style="WIDTH: 750px; HEIGHT: 400px" data-cke-saved-href="第一张图的网页链接详细地址即产品的订购网页页面详细地址" href="第一张图的网页链接详细地址即产品的订购网页页面详细地址" target=_blank>
<img data-cke-saved-src="第一张图的图片地址" src="第一张图的图片地址" width="750" height="400"></A></div>
<div><A style="WIDTH: 750px; HEIGHT: 400px" data-cke-saved-href="第二张图的网页链接详细地址即产品的订购网页页面详细地址" href="第二张图的网页链接详细地址即产品的订购网页页面详细地址" target=_blank>
<img data-cke-saved-src="第二张图的图片地址" src="第二张图的图片地址" width="750" height="400"></A></div>
<div><A style="WIDTH: 750px; HEIGHT: 400px" data-cke-saved-href="第三张图的网页链接详细地址即产品的订购网页页面详细地址" href="第三张图的网页链接详细地址即产品的订购网页页面详细地址" target=_blank>
<img data-cke-saved-src="第三张图的图片地址" src="第三张图的图片地址" width="750" height="400"></A></div>
<div><A style="WIDTH: 750px; HEIGHT: 400px" data-cke-saved-href="第四张图的网页链接详细地址即产品的订购网页页面详细地址" href="第四张图的网页链接详细地址即产品的订购网页页面详细地址" target=_blank>
<img data-cke-saved-src="第四张图的图片地址" src="第四张图的图片地址" width="750" height="400"></A></div>
</div>
</div>
<div class=lst-trigger style="margin-bottom:0px; height:30px; line-height:30px; border:1px solid #0C0; width:748px; background:#0C0; left:0px; text-align:center; cursor:pointer">
<div style="float:left; height:30px; width:25%" class=current>第一张照片的文章标题/限15个字</div>
<div style="float:left; height:30px; width:25%">第二张照片的文章标题/限15个字</div>
<div style="float:left; height:30px; width:25%">第三张照片的文章标题/限15个字</div>
<div style="float:left; height:30px; width:25%">第四张照片的文章标题/限15个字</div>
</div>
</div>
淘宝网店营销区750*400清晰度轮播图代码效果图片: