A. 淘宝全屏海报模块是不是一定要买模板才能添加
淘宝全屏海报模块需要订购智能版旺铺才能添加,全屏宽图是智能版旺铺在PC端装修的模块。若不是智能版旺铺则无法设置,智能版旺铺需进入服务市场订购。订购的操作步骤如下:
(1)进入服务市场。
B. 淘宝店铺PC端怎么插入多张轮播图
需要设置。
步骤1、首先登陆淘宝网首页,输入淘宝账号密码进入卖家中心。在卖家中心中点击【店铺装修】。
2、然后在店铺装修页面,找到左侧基础模块中的【图片轮播】,鼠标左键按住它,将它拖动到右侧需要添加图片轮播的空白位置。
3、在空白处松开鼠标。
4、然后就可以看到添加的图片轮播模块,默认图片是白雪松树画面。
5、点击右上角的【编辑】。
6、在内容设置里面,可以看到图片地址。那么,图片地址在哪里呢。需要特别注意,首先需要把图片轮播的图片素材放到店铺的图片空间里面哦。这是淘宝规则之一。
7、那么,我们回到当初的卖家中心,点击左边店铺管理里面的【图片空间】。
8、然后找到图片轮播素材图片,点击其中一个图片,右击选择【属性】。
9、然后在回到装修页面,将刚才复制的图片地址粘贴。
10、然后点击【保存】。
11、然后就可以看到保存后的效果了。
12、这只是添加了一张图片啊,图片轮播当然要添加多张图片,怎么继续添加轮播图片。仍然点击右上角的【编辑】。
13、然后找到添加。接下来的步骤就是继续添加另外图片地址了。
C. 请问高手,我淘宝店铺全屏轮播图片尺寸是1920*550,为什么没有完全显示,只是居中全屏
因为淘宝默认只能显示950宽的尺寸,就算你把图片做成3000的也无济于事,所以只显示中间,要解决这个问题需添加代码:
<div style="height:550px;" data-title="">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;top:-10px;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<div style="width:1920px;height:500px;background: url() no-repeat fixed center top;overflow:hidden;">
<img src="轮播图地址" />
</a>
</div>
</div>
</div>把你要轮播的图片地址放入轮播图地址内,打开淘宝装修-添加模块-自定义模块-点击最左边的蓝色双向箭头,也就是源码,把代码复制粘贴进去,再把要轮播的图片地址代入我标出的“轮播图地址”内,确定,发布……。我讲得这么细致,不可能不懂吧……
呃,这个是单张的图片全屏,如果是多张轮播图的话代码会很长,这里好像发不上来了,要的话就留邮箱吧
D. 淘宝店铺首页大图尺寸大于950*400的轮播图片怎么弄的
第一买模板
第二加代码
专业版旺铺可以使1920px尺寸的全屏大图轮播。下面是专业版1920大图全屏轮播代码,我测试过了可以使用,你只需要修改代码中的红色文字就可以了
<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:550px;overflow:hidden;">
<div class="taobaoux" style="height:550px;">
<div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">
<div data-widget-config="{'contentCls': 'taobaoux-com','navCls': 'bbs-taobaoux-com','effect': 'scrollx','easing': 'easeOutStrong','prevBtnCls':'prev1920','nextBtnCls':'next1920','autoplay': true,'viewSize':[1920],'circular': true}" data-widget-type="Carousel" class="J_TWidget">
<div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>
<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:550px;overflow:hidden;">
<div class="taobaoux" style="height:550px;">
<div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">
<div data-widget-config="{'contentCls': 'taobaoux-com','navCls': 'bbs-taobaoux-com','effect': 'scrollx','easing': 'easeOutStrong','prevBtnCls':'prev1920','nextBtnCls':'next1920','autoplay': true,'viewSize':[1920],'circular': true}" data-widget-type="Carousel" class="J_TWidget">
<div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-500,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>
<div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;">></div>
</div>
<div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">
<ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="此处替换图片连接1" style="padding:0px;margin:0px;">
<img src="此处替换图片网址1" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="此处替换图片连接2" style="padding:0px;margin:0px;">
<img src="此处替换大图片网址2" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="此处替换图片连接3" style="padding:0px;margin:0px;">
<a target="_blank" href="此处替换图片连接4" style="padding:0px;margin:0px;">
<img src="此处替换大图片网址4" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="此处替换图片连接5" style="padding:0px;margin:0px;">
<img src="此处替换大图片网址5" width="1920px" height="550px" border="0px"></a></li>
</ul>
</div>
<div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url(此处替换小图片导航背景网址png) repeat;top:505px;">
<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: 47px;">
<img src="此处替换小图片网址1" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 47px;">
<img src="此处替换小图片网址2" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 47px;">
<img src="此处替换小图片网址3" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 47px;">
<img src="此处替换小图片网址4" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<ul class="ks-switchable-nav" style="display:none;"></ul>
</div
E. 淘宝店铺装修全屏轮播和固定背景怎么设置不会代码也能做到吗我是新旺铺专业版。
淘宝能设置轮播图片,但是有高的限制,所以还是要到自定义区域写代码了,这个代码网上有很多,你需要多高设置多高就可以了,背景图片到装修页面的样式编辑,页面设置里面上传你要的背景图就可以了
F. 淘宝旺铺怎样设置图片轮播,图片大小怎样设置
图片轮播制作和修改的具体操作教程如下:
1.老规矩先进入淘宝卖家中心-店铺装修-添加图片轮播模块
2.添加好模块后,点击图片轮播模块的 编辑
3.点击图片图标,根据提示可以插入图片空间图片:
4.点击图片,即可以把图片插入了。
5.可以在操作 阶段进行调整/删除,我们也可以添加新的图片:
6.修改图片轮播的高度:(显示设置中)
ps:如果在没有插入图片的情况下,修改模块高度,系统是不会做任何改变的,要先插入图片,然后再修改高度。
G. 淘宝首页全屏代码下如何插入轮播图片代码
直接用全屏轮播代码。
天猫店:
<div class="MaGong" style="height:0px;">
<div class="sn-simple-logo" style="left:auto;right:auto;width:990px;height:0px;top:auto;padding:0;border:none;z-index:1;background:none; ">
<div class="sn-simple-logo" style="left:-465px;top:0px;height:轮播图片高度px;width:1920px;border:none;padding:0;background:none; ">
<div data-widget-config="{'contentCls': 'macontent','navCls': 'ma_na','ration':1,'interval':4,'autoplay':true,'triggerType':'mouse','circular':true,'effect': 'scrollx','easing': 'easeOutStrong','prevBtnCls':'Mprev','nextBtnCls':'Mnext','autoplay': true,'viewSize':[1920],'activeTriggerCls': 'hidden'}" data-widget-type="Carousel" class="J_TWidget">
<div class="J_TWidget Mprev" data-widget-config="{'trigger':'.IX','align':{'node':'.IX','offset':[-510,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="Mprev" style="font-size:100px;cursor:pointer;"><img src="http://img04.taobaocdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png"></div>
</div>
<div class="J_TWidget Mnext" data-widget-config="{'trigger':'.IX','align':{'node':'.IX','offset':[510,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="Mnext" style="font-size:100px;cursor:pointer;"><img src="http://img02.taobaocdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png"></div>
</div>
<div class="IX" style="height:轮播图片高度px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;">
<ul class="macontent" style="height:轮播图片高度px;width:1920px;padding:0px;margin:0px;">
<li class="item"><a target="_blank" href="图片1商品链接"><img src="图片1"></a></li><li class="item"><a target="_blank" href="图片2商品链接"><img src="图片2"></a></li>
</ul>
</div>
<div class="sn-simple-logo" style="width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none; display:block;">
<div class="sn-simple-logo" style="z-index: 99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;">
<ul class="ma_na" style="width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#fff;">
<li class="hidden" style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li><li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li>
</ul>
</div>
<div class="sn-simple-logo" style="z-index: 98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none;">
<ul class="ma_nb" style="width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#333333;">
<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li><li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li></ul></div></div></div> </div></div></div>
淘宝店专业版:
<div class="MaGong" style="height:0px;">
<div class="footer-more footer-more-trigger" style="left:auto;right:auto;width:950px;height:0px;top:auto;padding:0;border:none;z-index:1;background:none; ">
<div class="footer-more footer-more-trigger" style="left:-485px;top:0px;height:轮播图片高度px;width:1920px;border:none;padding:0;background:none; ">
<div data-widget-config="{'contentCls': 'macontent','navCls': 'ma_na','ration':1,'interval':4,'autoplay':true,'triggerType':'mouse','circular':true,'effect': 'scrollx','easing': 'easeOutStrong','prevBtnCls':'Mprev','nextBtnCls':'Mnext','autoplay': true,'viewSize':[1920],'activeTriggerCls': 'hidden'}" data-widget-type="Carousel" class="J_TWidget">
<div class="J_TWidget Mprev" data-widget-config="{'trigger':'.WN','align':{'node':'.WN','offset':[-510,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="Mprev" style="font-size:100px;cursor:pointer;"><img src="http://img04.taobaocdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png"></div></div>
<div class="J_TWidget Mnext" data-widget-config="{'trigger':'.WN','align':{'node':'.WN','offset':[510,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="Mnext" style="font-size:100px;cursor:pointer;"><img src="http://img02.taobaocdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png"></div></div>
<div class="WN" style="height:轮播图片高度px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;">
<ul class="macontent" style="height:轮播图片高度px;width:1920px;padding:0px;margin:0px;">
<li class="item"><a target="_blank" href="图片1商品链接"><img src="图片1"></a></li><li class="item"><a target="_blank" href="图片2商品链接"><img src="图片2"></a></li></ul></div>
<div class="footer-more footer-more-trigger" style="width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none; display:block;">
<div class="footer-more footer-more-trigger" style="z-index: 99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;">
<ul class="ma_na" style="width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#fff;">
<li class="hidden" style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li><li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li>
</ul>
</div>
<div class="footer-more footer-more-trigger" style="z-index: 98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none;">
<ul class="ma_nb" style="width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#333333;">
<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li><li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li></ul></div></div></div></div></div></div>
淘宝基础版:
<div class="MaGong" data-title="来自淘宝代码生成网www.001daima.com" data-time="1502845797" style="height:0px;">
<div class="footer-more footer-more-trigger" style="left:auto;right:auto;width:950px;height:0px;top:auto;padding:0;border:none;z-index:1;background:none; ">
<div class="footer-more footer-more-trigger" style="left:-485px;top:0px;height:轮播图片高度px;width:1920px;border:none;padding:0;background:none; ">
<div data-widget-config="{'contentCls': 'macontent','navCls': 'ma_na','ration':1,'interval':4,'autoplay':true,'triggerType':'mouse','circular':true,'effect': 'scrollx','easing': 'easeOutStrong','prevBtnCls':'Mprev','nextBtnCls':'Mnext','autoplay': true,'viewSize':[1920],'activeTriggerCls': 'hidden'}" data-widget-type="Carousel" class="J_TWidget">
<div class="J_TWidget Mprev" data-widget-config="{'trigger':'.UF','align':{'node':'.UF','offset':[-510,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="Mprev" style="font-size:100px;cursor:pointer;"><img src="http://img04.taobaocdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png"></div>
</div>
<div class="J_TWidget Mnext" data-widget-config="{'trigger':'.UF','align':{'node':'.UF','offset':[510,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">
<div class="Mnext" style="font-size:100px;cursor:pointer;"><img src="http://img02.taobaocdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png"></div>
</div>
<div class="UF" style="height:轮播图片高度px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;">
<ul class="macontent" style="height:轮播图片高度px;width:1920px;padding:0px;margin:0px;">
<li class="item"><a target="_blank" href="图片1商品链接"><img src="图片1"></a></li><li class="item"><a target="_blank" href="图片2商品链接"><img src="图片2"></a></li>
</ul>
</div>
<div class="footer-more footer-more-trigger" style="width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none; display:block;">
<div class="footer-more footer-more-trigger" style="z-index: 99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;">
<ul class="ma_na" style="width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#fff;">
<li class="hidden" style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li><li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li>
</ul>
</div>
<div class="footer-more footer-more-trigger" style="z-index: 98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none;">
<ul class="ma_nb" style="width:1920px;height:45px;margin:0 auto;text-align: center;border:none;color:#333333;">
<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li><li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">●</li></ul></div></div></div> </div> </div></div>
H. 请问淘宝店铺首页的轮播大图怎么弄的
1、登录淘宝,点击卖家中心
(8)淘宝全屏轮播图片素材扩展阅读
使用淘宝助理添加商品时,每隔30分钟上传一个,上网高峰期可将时间调整为10~20分钟,这样操作可获得更多展示机会,让更多用户看到你的商品,从而提高淘宝店铺流量。
在淘宝论坛发布有意义的帖子,例如进货经验、开店感想,吸引论坛用户前来灌水。如果读者产生共鸣,就会与你交流或访问你的网店,达到免费宣传的目的。
I. 手机淘宝轮播模块怎么添加8张图
给图片一个盒子,里面放li 如果左浮动 就会排成一排 再盒子添加overfloor:hidden
J. 有谁知道淘宝全屏海报图片素材在哪找
花瓣,wallbase.fr,500PX,mmt.li,magdeleine,splitshire等等
平时主要靠自己积累素材,找不到大图 必要的时候需要自己合成