轻松学会做天猫店铺全屏海报+全屏轮播海报
1、全屏海报1920*600效果如图
3、咋们想先用PS设计好图片，好进入下一步骤海报图片海报1920*600轮播图片海报1920*600 2张左右箭头图片30*60各一张图片大小根据自己需求设置。
5、全屏轮播代码：按小编注释的修改一下就可以用了。<div class="J_TWidget" data-widget-config="{"contentCls":"taobaoux"}" data-widget-type="Tabs" style="height:600px;overflow:hidden;"> <div class="taobaoux" style="height:600px;"> <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:600px;top:auto;padding:0px;border:none;left:50%;"> <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:600px;padding:0px;border:none;left:-50%;top:0;"> <div data-widget-config="{"contentCls": "taobaoux-com","navCls": "bbs-taobaoux-com","effect": "scrollx","easing": "easeBothStrong","prevBtnCls":"prev","nextBtnCls":"next","autoplay": true,"duration":1,"interval":4,"viewSize":[1920],"circular": true}" data-widget-type="Carousel" class="J_TWidget"> <div class="J_TWidget" data-widget-config="{"trigger":".uxux","align":{"node":".uxux","offset":[-500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;"> <div class="prev" style="cursor:pointer;"> <img src="/*左箭头图片*/" width="30" /> </div> </div> <div class="J_TWidget" data-widget-config="{"trigger":".uxux","align":{"node":".uxux","offset":[500,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;"> <div class="next" style="cursor:pointer;"> <img src="/*右箭头图片*/" width="30" /> </div> </div> <div style="height:600px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="uxux"> <ul class="taobaoux-com" style="height:600px;width:1920px;padding:0px;margin:0px;"> <li style="width:1920px;height:600px;padding:0px;margin:0px;"> <a target="_blank" href="/*海报1跳转地址*/"style="padding:0px;margin:0px;"> <img src="/*海报1网址*/" width="1920px"/*宽度*/ height="600px" /*高度*/border="0px" /></a> </li> <li style="width:1920px;height:600px;padding:0px;margin:0px;"> <a target="_blank" href="/*海报2跳转地址*/"style="padding:0px;margin:0px;"> <img src="/*海报2网址*/" width="1920px" height="600px" border="0px" /></a> </li> </ul> </div> <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:50px;padding:0px;border:none;z-index:99;left:50%;"> <div class="footer-more-trigger sn-simple-logo" style="width:1920px;height:50px;padding:0px;border:none;left:-50%;top:555px;"> <ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align:center;"> <li style="display:inline;margin:0 5px;cursor:pointer;line-height:50px;"> </li> </ul> </div> </div> </div> </div> </div> </div> <ul class="ks-switchable-nav" style="display:none;"> </ul></div>
7、进入天猫后台店铺装修
9、编辑-点源码，把修改后的代码复制到编辑区并按确认就好了。
