关于如何制作淘宝店1920像素轮播全屏图的技巧!
一个简约大气全屏的店招会给您的店铺一个不错的视觉效果,给买家一种高端大气上档次的感觉,以下将给大家讲解一下1920全屏店招的制作过程,让您的店铺在海量的店铺中脱颖而出。
操作方法
- 01
一、在卖家中心装修店铺首页中,新建一个950的自定义区模块。 二、复制下面的代码,然后粘贴到自定义区中。
- 02
<div style="height:600px;" class="QdotCode"> <div class="footer-more-trigger most-footer QdotpstGUIX2f" style="border:none 0;padding:0;background-color:transparent;width:1920px;height:600px;border:none;padding:0;top:auto;left:auto;"> <div class="footer-more-trigger most-footer QdotpstGUIX2f" style="border:none 0;padding:0;background-color:transparent;width:1920px;height:600px;left:-485px;top:0px;border:none;padding:0;overflow:hidden;"> <div class="QdotlayerGUIX2f" style="height:600px;width:1920px;overflow:hidden;"> <div class="QdotwrapGUIX2f J_TWidget" data-widget-type="Carousel" data-widget-config="{"effect": "scrollx","easing": "elasticIn","circular":true,"interval":"5","duration":0.5,"autoplay":true,"contentCls": "QdotcontentGUIX2f","prevBtnCls":"QdotprevGUIX2f","nextBtnCls":"QdotnextGUIX2f"}" style="height:600px;width:1920px;overflow:hidden;position:relative;"> <div class="most-footer footer-more-trigger" style="width:1920px;height:60px;border:none 0;padding:0;background-color:transparent;z-index:80;left:auto;top:530px;"> </div> <ul class="QdotcontentGUIX2f clearfix" style="top:0px;z-index:9;width:999999px;"> <li style="list-style-type:none;margin:0px;padding:0px;width:1920px;height:600px;float:left;"> <a target="_blank" href="http://item.taobao.com/item.htm?spm=a1z10.1-c.w5003-11210673885.1.z2kayr&id=45734205471&scene=taobao_shop" style="padding:0px;margin:0px;"> <img border="0" src="https://gdp.alicdn.com/imgextra/i2/1588011310/TB2IBTrcVXXXXaOXpXXXXXXXXXX_!!1588011310.jpg" height="600" width="1920" /></a> </li> <li style="list-style-type:none;margin:0px;padding:0px;width:1920px;height:600px;float:left;"> <a target="_blank" href="http://item.taobao.com/item.htm?spm=2013.1.1998246703.2.ym3yhw&id=45734733822&taskid=21460843&scene=taobao_shop" style="padding:0px;margin:0px;"> <img border="0" src="https://gdp.alicdn.com/imgextra/i4/1588011310/TB2xRfOcVXXXXXuXXXXXXXXXXXX_!!1588011310.jpg" height="600" width="1920" /></a> </li> </ul> <div class="most-footer footer-more-trigger" style="width:950px;height:60px;z-index:90;top:270px;overflow:hidden;clear:both;border:none 0;background:none;left:485px;"> <span class="QdotprevGUIX2f QdotpstGUIX2f" style="width:auto;border:none 0;padding:0;background-color:transparent;float:left;cursor:pointer;"> <img data-ks-lazyload="//gdp.alicdn.com/imgextra/i1/1588011310/TB2bC2ocVXXXXcrXpXXXXXXXXXX_!!1588011310.png" src="https://gdp.alicdn.com/imgextra/i1/1588011310/TB2bC2ocVXXXXcrXpXXXXXXXXXX_!!1588011310.png" width="60" height="60" /></span> <span class="QdotnextGUIX2f QdotpstGUIX2f" style="width:auto;border:none 0;padding:0;background-color:transparent;float:right;cursor:pointer;"> <img data-ks-lazyload="//gdp.alicdn.com/imgextra/i4/1588011310/TB2gXzscVXXXXaZXpXXXXXXXXXX_!!1588011310.png" src="https://gdp.alicdn.com/imgextra/i4/1588011310/TB2gXzscVXXXXaZXpXXXXXXXXXX_!!1588011310.png" width="60" height="60" /></span> </div> </div> </div> </div> </div> </div>
- 03
点击确定,发布。OK啦