关于如何制作淘宝店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="{&quot;effect&quot;: &quot;scrollx&quot;,&quot;easing&quot;: &quot;elasticIn&quot;,&quot;circular&quot;:true,&quot;interval&quot;:&quot;5&quot;,&quot;duration&quot;:0.5,&quot;autoplay&quot;:true,&quot;contentCls&quot;: &quot;QdotcontentGUIX2f&quot;,&quot;prevBtnCls&quot;:&quot;QdotprevGUIX2f&quot;,&quot;nextBtnCls&quot;:&quot;QdotnextGUIX2f&quot;}" 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;"> &nbsp; </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&amp;id=45734205471&amp;scene=taobao_shop" style="padding:0px;margin:0px;"> <img border="0" src="//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&amp;id=45734733822&amp;taskid=21460843&amp;scene=taobao_shop" style="padding:0px;margin:0px;"> <img border="0" src="//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="//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="//gdp.alicdn.com/imgextra/i4/1588011310/TB2gXzscVXXXXaZXpXXXXXXXXXX_!!1588011310.png" width="60" height="60" /></span> </div> </div> </div> </div> </div> </div>

  • 03

    点击确定,发布。OK啦

(0)

相关推荐

  • i see怎么制作淘宝店标

    i see怎么制作淘宝店标?普通的淘宝店铺都会有店标.店标都显示在店铺首页的显现位置,买家在逛淘宝店的时候,一眼都会瞄到店标.因此,如果可以制作一个专属于自己店铺的店标,可以吸引买家的眼光,也更好地宣 ...

  • 用iSee图片专家轻松制作淘宝店标

    普通的淘宝店铺都会有店标。店标都显示在店铺首页的显现位置,买家在逛淘宝店的时候,一眼都会瞄到店标。因此,如果可以制作一个专属于自己店铺的店标,可以吸引买家的眼光,也更好地宣传了店铺。 下面就用iSee ...

  • 用iSee图片专家制作淘宝店标

    普通的淘宝店铺都会有店标。店标都显示在店铺首页的显现位置,买家在逛淘宝店的时候,一眼都会瞄到店标。因此,如果可以制作一个专属于自己店铺的店标,可以吸引买家的眼光,也更好地宣传了店铺。 下面就用iSee ...

  • 怎样制作淘宝店首页横幅

    如果你是刚刚开的淘宝新店,也不想弄的那么复杂,只是自己想把自己的标牌横幅弄在正首页中间就可以,让人一看就是干什么的,那么小编这篇可能对你有些帮助哦!因为之前也不会弄,现在懂得了,和大家分享一下. 操作 ...

  • 美图秀秀怎么设计淘宝店标图?

    很多人不会使用PS制作店标,下面是用美图秀秀,制作淘宝店标的方法,很简单. 1.下载美图秀秀,安装在电脑上,如图: 2.打开美图秀秀,如图: 3.找到右上角的“新建”按钮,单击,新建一个80x80画布 ...

  • 做美工制作淘宝详情、主图、主页的注意事项

    做美工制作淘宝详情.主图.主页的注意事项有哪些 操作方法 01 注意一:制作淘宝主图时应注意尺寸大小,不论是淘宝.天猫或者京东主图有800*800就可以了,制作主图时是给顾客的呈现你的第一面,很重要, ...

  • 淘宝店首页该如何设计

    设计淘宝店首页也是有技巧的. 操作方法 01 新建一个宽度为1920像素的画布,高度不限,后期可以增加,宽度这么大我们也是用不完的,我们只用950像素即可. 02 新建图层,选择矩形选框工具,样式改为 ...

  • 如何免费快速制作淘宝店招图片/制作店铺招牌

    如何免费快速制作淘宝店招图片/制作店铺招牌呢?最快速的方法就是PS软件来制作,自己做动手制作不仅不花钱,而且图片的背景色还可以随时更换,真的方便又省钱的好方法.淘宝店招全屏是1920,中间店招是950 ...

  • 甩手工具制作淘宝店铺视频

    主图视频就是进入宝贝详情页后,宝贝标题下的第一张的第一眼进入您视线的,有静态图片,这个称之为主图,而现在也可以用动态视频替代.用甩手工具箱制作淘宝店铺视频有着快(制作快捷).智(工具智能化).简(工具 ...