淘宝店铺旺铺专业版全屏轮播制作图文教程

时间：2024-10-12 13:07:39

1、如果你的店铺信用是一钻一下，那么你的店铺可以免费升级到旺铺专业版，点击卖家中心进入店铺装修，找到左上角的免费升级到专业版，你的店铺就可以使用专业版的功能了。

2、升级专业版之后，调整布局，旺铺专业版自带的图片轮播模块是不能实现全屏轮播效果的，需要添加自定义内容区来实现，点击布局管理，添加一个自定义内容区，回到页面编辑页面，编辑自定义内容区，切换到源代码编辑页面，将用到的代码粘贴即可

3、<div style="height:550px;font-weight:normal;font-size:12px;"> <div class="footer-more-trigger most-footer sn-simple-logo" style="width:auto;padding:0;line-height:inherit;top:0px;left:auto;border:0;background:none;width:1920px;height:0px;left:50%;border:none;padding:0;margin:0;line-height:1.5;"> <div class="footer-more-trigger most-footer sn-simple-logo" style="width:auto;padding:0;line-height:inherit;left:auto;border:0;background:none;width:1920px;height:0px;left:-960px;top:0px;border:none;padding:0;margin:0;line-height:1.5;"> <div style="position:relative;width:1920px;height:550px;"> <div class="footer-more-trigger most-footer sn-simple-logo" style="width:auto;padding:0;line-height:inherit;top:0px;left:auto;border:0;background:none;padding:0;border:0;width:auto;height:auto;line-height:inherit;margin:0;left:0;"> <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{"effect":"scrollx","easing":"easeBothStrong","circular":true,"autoplay":true,"duration":1.0,"contentCls":"content7608060004","navCls":"navs7608060004","prevBtnCls":"prev7608060004","nextBtnCls":"next7608060004"}" style="width:1920px;height:550px;"> <div class="trigger7608060004" style="width:1920px;height:550px;overflow:hidden;"> <ul class="content7608060004"> <li style="width:1920px;height:550px;overflow:hidden;">  <a target="_blank" href="#"><img src="//gdp.alicdn.com/imgextra/i3/665561592/TB2J0IyjFXXXXc3XXXXXXXXXXXX_!!665561592.jpg" /></a> </li> <li style="width:1920px;height:550px;overflow:hidden;"> <a target="_blank" href="#"><img src="//gdp.alicdn.com/imgextra/i2/665561592/TB27Y3njFXXXXbgXpXXXXXXXXXX_!!665561592.jpg" /></a> </li> <li style="width:1920px;height:550px;overflow:hidden;"> <a target="_blank" href="#"><img src="//gdp.alicdn.com/imgextra/i2/665561592/TB2Qa3EjFXXXXb5XXXXXXXXXXXX_!!665561592.jpg" /></a> </li> </ul> </div> <div class="J_TWidget prev7608060004" data-widget-type="Popup" style="width:990px;height:0px;display:none;" data-widget-config="{"trigger":".trigger7608060004","align":{"node":".trigger7608060004","offset":[0,-31],"points":["cc","cc"]}}">  <div style="float:left;width:62px;height:62px;cursor:pointer;background:url(//gdp.alicdn.com/imgextra/i3/665561592/TB2nIZxjFXXXXXCXpXXXXXXXXXX_!!665561592.png) no-repeat;">   </div> </div> <div class="J_TWidget next7608060004" data-widget-type="Popup" style="width:990px;height:0px;display:none;" data-widget-config="{"trigger":".trigger7608060004","align":{"node":".trigger7608060004","offset":[0,-31],"points":["cc","cc"]}}"> <div style="float:right;width:62px;height:62px;cursor:pointer;background:url(//gdp.alicdn.com/imgextra/i3/665561592/TB2nIZxjFXXXXXCXpXXXXXXXXXX_!!665561592.png) no-repeat scroll 0 -62px;">   </div> </div> <ul class="navs7608060004" style="display:none;"> </ul> </div> </div> </div> </div> </div></div>

4、代码使用方法如下图

5、点击发布，即可看到高大上的轮播界面了。如果觉得这篇经验对您有用，请投上您宝贵的一票，您的认可是我前进的动力

如何开通巴士管家会员卡？

ps 制作光斑特效

yeetalk怎么取消自动续费

原主体已经注销的公众号怎么办申请函迁移公证吗

Photoshop如何制作古风线条？