乐学淘宝 2023-08-23 9:58:01

淘宝店图片轮播怎么设置？

首先登录淘宝--卖家中心--店铺装修

在店铺装修后台点击添加模块

看到一个轮播的功能--点击添加

推荐后再点击--编辑模块

在内容设置--点击空间--添加已经上传在空间里的，

这时就要另外打开网页找到想要展示的宝贝的连接，

把宝贝链接粘贴在--连接地址

想要多少次轮播就重复以上添加和连接的步骤多少。

设置好后再点击--显示设置--先看看的高度是多就输入多少，轮播效果，再点击保存。

好了好后点击预览一下效果怎么样。

第一买模板
第二加代码
专业版旺铺可以使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:05;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:05;color:#f00;"><</div>
<div class="next1920" style="font-size:100px;cursor:pointer;opacity:05;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

像素大小和大小是不一样的，大小折算成厘米的话，1厘米=25像素。解决方法如下：

1、打开美图王，然后打开最上方的-主图工具。

2、然后在主图工具页面，选择处理、自定义尺寸。

3、这时就会跳出窗口，根据自己需要填写需要的尺寸，这里随便填上一个。

4、然后从本地或者空间上传。

5、上传后，在画布调整，选择合适角度和位置。制作完成，保存就可以了。

只有两种方法(可选其一):A:购买带有全屏轮播的模版(SDK模版或CSS模版都行)
B:开通旺铺旗舰版，进行背景自定义装修(我可以免费送你全屏轮播的代码)
Q:10419605
NON-SEQUENTIAL/非时序

1、登录淘宝，点击卖家中心

2、点击进入空间，点击上传

3、返回卖家中心，点击店铺装修

4、点击在此处添加模块然后会出现一个选框，点击添加“轮播”

5、指定和连接目标。点击下面中中的小，就可以使用空间中的。