淘宝店铺首页大图尺寸大于950*400的轮播图片怎么弄的?
第一买模板
第二加代码
专业版旺铺可以使1920px尺寸的全屏大图轮播。下面是专业版1920大图全屏轮播代码,我测试过了可以使用,你只需要修改代码中的红色文字就可以了
div class="fb87-86ea-3f96-b8e2 J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:550px;overflow:hidden;"
div class="86ea-3f96-b8e2-ba30 taobaoux" style="height:550px;"
div class="3f96-b8e2-ba30-3cf6 footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;"
div class="b8e2-ba30-3cf6-61f5 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="ba30-3cf6-61f5-784a J_TWidget"
div class="3cf6-61f5-784a-b660 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="61f5-784a-b660-d572 prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"/div
div class="784a-b660-d572-8a82 J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widget-type="Tabs" style="height:550px;overflow:hidden;"
div class="b660-d572-8a82-76ba taobaoux" style="height:550px;"
div class="d572-8a82-76ba-f995 悔孙footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;"
div class="8a82-76ba-f995-707e 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="76ba-f995-707e-5d2d J_TWidget"
div class="f995-707e-5d2d-ebdd 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="707e-5d2d-ebdd-fc6b prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"/div
div class="ced5-fb87-86ea-3f96 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="fb87-86ea-3f96-b8e2 ux1920"
ul class="86ea-3f96-b8e2-ba30 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="3f96-b8e2-ba30-3cf6 footer-more-trigger" style="padding:0px;border:none;left:50%;"
div class="b8e2-ba30-3cf6-61f5 footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url(此处替换小图片导航背景网址png) repeat;top:505px;"
ul class="ba30-3cf6-61f5-784a 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="3cf6-61f5-784a-b660 ks-switchable-nav" style="display:none;"/ul
/div
请问淘宝店铺首页的轮播大图怎么弄的?
1、登录淘宝,点击卖家中心
2、点击进入图片空间,点击图片上传
3、返回卖家中心,点击店铺装修
4、点击在此处添加模块然后会出现一个选框,点击添加“图片轮播”
5、指定图片和连接目标。点击下面图片中中的小图片,就可以使用图片空间中的图片。
6、鼠标放在选中的图片上,鼠标“右击”点击复制图片地址。黏贴到图片地址的选框中。 连接地雀桐址就是点击促销图片会转到您指定的详情宝贝页面。当您在首页点击一个宝贝商品时,他会跳到相应的宝贝详情页面。
7、到此为止,图片轮播也就做好了记得,要点击保存
扩展资料
使用淘宝助理添加商品时,每隔30分钟上传一个,上网高峰期可将时间调整为10~20分钟,这样雀岁键操作可获得更多展示机会,让更多用户看到你的商品,从而提高淘宝店铺流量。
在淘宝论坛发布有意义的帖子,例如进货经验、开店感想,吸引论坛用户前来灌水。如果读者产生共鸣,就会顷巧与你交流或访问你的网店,达到免费宣传的目的。
淘宝图片全屏3轮播代码
全屏轮播注册码:S20SJD0S956D4F4GT78H4SFHS362
看看这拆誉燃个旅虚行虚野不?希望能帮到你
淘宝全屏的轮播代码是怎么做的?
div class="b660-d572-8a82-76ba skin-box-bd clear-fix"
span穗羡DIV class=J_TWidget data-widget-type="Tabs"
data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}"
DIV style="HEIGHT: 550px" class=piaofu
DIV
style="Z-INDEX: 0; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; TOP: 0px; PADDING-TOP: 0px; LEFT: -485px"
class=J_TWidget data-widget-type="Carousel"
data-widget-config="{
'contentCls': 'slide-kun1362899830209content',
'triggerCls': 'slide-kun1362899830209triggers',
'navCls': 'slide-kun1362899830209triggers',
'triggerType': 'mouse',
'effect': 'scrollx',
'prevBtnCls':'prev',
'nextBtnCls':'next',
'steps': 1,
'autoplay': true,
'viewSize':[1920],
'circular': true
}"
DIV style="DISPLAY: none" class=J_TWidget data-widget-type="滑雹Popup"
data-widget-config="{'trigger':'.first-trigger2','align':{'node':'.first-trigger2','offset'猜让拍:[0,0],'points':['cc','cc']}}"
DIV style="WIDTH: 90px; FLOAT: left; HEIGHT: 90px" class=prevIMG
src="左点击"/DIV
DIV style="WIDTH: 90px; HEIGHT: 90px; MARGIN-LEFT: 950px" class=nextIMG
src="右点击"/DIV/DIV
DIV
style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; OVERFLOW: hidden; PADDING-TOP: 0px"
class=first-trigger2
UL
style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"
class=slide-kun1362899830209content
LI
style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"A
style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"
href="链接网站地址" target=_blankIMG border=0
src="大图链接地址" width=1920
height=570/A/LI
LI
style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"A
style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"
href="链接网站地址" target=_blankIMG border=0
src="大图链接地址" width=1920
height=570/A/LI
LI
style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"A
style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"
href="链接网站地址" target=_blankIMG border=0
src="大图链接地址" width=1920
height=570/A/LI
LI
style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"A
style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"
href="链接网站地址" target=_blankIMG border=0
src="大图链接地址" width=1920
height=570/A/LI
LI
style="PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px"A
style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px"
href="链接网站地址" target=_blankIMG border=0
src="大图链接地址" width=1920
height=570/A/LI
/UL/DIV
/DIV/DIV/DIV
/span
/div
淘宝的全屏轮播图在哪里做代码?
打开店铺装修——添加自定义模板:蚂晌亩
点击红框里的符号进入源码编辑,把代码粘贴进去,全屏轮播谨陆的代码在装修页面是看闷森不到效果的,你可以点预览或发布查看效果
打字不易,如满意,望采纳。