不用买模板也能实现淘宝店铺全屏海报效果

不用买模板也能实现淘宝店铺全屏海报效果 店铺的全屏海报效果能为店铺装修锦上添花,增加店铺的美观感。许多卖家一直苦苦纠结如何 不用花钱买模板也能实现全屏海报的效果呢?今天我就将这个简单的方法教给大家。 网络上有很多的全屏海报代码,但并不是都有效。楼主找到了一段经过测试可以试用的代码。 天猫商城的(1920*500)尺寸的轮播海报代码。下面分享给大家。 1,进入装修后台的空间,将你选择要轮播的海报上传上去。(我做的海报大小是1920*564,所 以需要修改找到的那段代码。 2,打开之前在网上下载的那段轮播海报代码。 选择编辑——替换,将原代码中的500全部替换为我们的海报高度(我的是564),然后将这段 代码复制下来。 3,进入店铺装修页面,在主屏的第一屏海报位置新建一个自定义页面 点击 切换到代码模式。 4,将之前复制的那段代码黏贴上去。找到代码中的链接部分。 5,再次进入空间,将大图海报的链接地址复制下来。替换到原来的代码的链接位置。 6,代码都改完之后,按 回到模式,这时候你会发现什么图都看不到。 不用担心,点击预览或者发布,你就能看到全屏轮播海报效果啦。 附上全屏轮播海报代码: <divclass="J_TWidget"data-widget-config="{&39;effect&39;:&39;fade&39;,&39;circular&39;:true,&39;contentCls&39;:&39;piao1365065449925fu&39;}"data-widget-type="Tabs" <divclass="piao1365065449925fu"style="height:500px;" <divclass="J_TWidget"data-widget-config="{&13;&10;&39;contentCls&39;:&39;slide-kun1365065449925content&39;,&13;&10;&39;triggerCls&39;:&39;slide-kun1365065449925triggers&39;,&13;&10;&39;navCls&39;:&39;slide-kun1365065449925triggers&39;,&13;&10;&39;triggerType&39;:&39;mouse&39;,&13;&10;&39;effect&39;:&39;scrollx&39;,&13;&10;&9;&9;&9;&39;prevBtnCls&39;:&39;prev&39;,&13;&10;&9;&9;&9;&39;nextBtnCls&39;:&39;next&39;,&13;&10;&39;steps&39;:1,&13;&10;&39;autoplay&39;:true,&13;&10;&9;&9;&9;&39;viewSize&39;:[1920],&13;&10;&39;circular&39;:true&13;&10;}"data-widget-type="Carousel"style="margin:0px;padding:0px;left:-180px;top:0px;width:1920px;z-index:10;" <divclass="J_TWidget"data-widget-config="{&39;trigger&39;:&39;.first1365065449925trigger&39;,&39;align&39;:{&39;node&39;:&39;.first1365065449925trigger&39;,&39;offset&39;:[0,0],&39;points&39;:[&39;&39;,&39;&39;]}}"data-widget-type="Popup"style="display:none;" <divclass="prev"style="width:90px;height:90px;float:left;" <imgdata-ks-lazyload="taobaocdn/imgextra/i2/725308504/T23AgjXgNbXXXXXXXX_!!725308504.png"/</div <divclass="next"style="width:90px;height:90px;margin-left:950px;" <imgdata-ks-lazyload="taobaocdn/imgextra/i1/725308504/T24F7ZXX0aXXXXXXXX_!!725308504.png"/</div </div <divclass="first1365065449925trigger"style="margin:0px;padding:0px;width:1920px;height:500px;overflow:hidden;" <ulclass="slide-kun1365065449925content"style="margin:0px;padding:0px;width:1920px;height:500px;" <listyle="margin:0px;padding:0px;width:1920px;height:500px;list-style-type:none;" <ahref="tmall/?&amp;&amp;scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"<imgborder="0"data-ks-lazyload="taobaocdn/imgextra/i3/725308504/T2MRIYXhVaXXXXXXXX_!!725308504.jpg"height="500"width="1920"/</a</li <listyle="margin:0px;padding:0px;width:1920px;height:500px;list-style-type:none;" <ahref="tmall/?&amp;&amp;scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"<imgborder="0"data-ks-lazyload="taobaocdn/imgextra/i3/725308504/T22tsZXldXXXXXXXXX_!!725308504.jpg"height="500"width="1920"/</a</li <listyle="margin:0px;padding:0px;width:1920px;height:500px;list-style-type:none;" <ahref="tmall/?&amp;&amp;scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"<imgborder="0"data-ks-lazyload="taobaocdn/imgextra/i4/725308504/T2i0uMXoVbXXXXXXXX_!!725308504.jpg"height="500"width="1920"/</a</li <listyle="margin:0px;padding:0px;width:1920px;height:500px;list-style-type:none;" <ahref="tmall/?&amp;&amp;scene=taobao_shop"style="margin:0px;padding:0px;"target="_blank"<imgborder="0"data-ks-lazyload="taobaocdn/imgextra/i2/725308504/T2RhcZXcVXXXXXXXXX_!!725308504.jpg"height="500"width="1920"/</a</li </ul </div <ulclass="slide-kun1365065449925triggers"style="margin:0px;padding:0px;display:none;" <li &nbsp;</li <li &nbsp;</li <li &nbsp;</li <li &nbsp;</li </ul </div </div </div 0c45f9e 淘宝开店教程 www.dellrcm.com