2018淘宝店铺装修教程之基础旺铺全屏无缝实现方法！
- 2021-08-18
- 来源/作者： 菜鸟图库/ 菜鸟图库
- 6 次浏览
自本网站改版上线以来，淘宝店装修方面的文章一直没有手写过。虽然我以前在另外两个网站上写过1000篇装饰教程，但我不能从这个网站开始。我想从另一个角度分享给朋友带来便利的装饰理念、工具和代码。本文介绍了王铺基本全屏幕海报的三种装饰方法。选择一个合适的或类似的，可以更容易地提供工作效率，并在枯燥的装饰中找到一点快乐。
基础全屏代码
1、下图中是笔者总结的全屏代码，适合基础旺铺和专业版旺铺，代码并不复杂，即使没有html基础也没关系，只需要修改数值，替换产品链接和产品图片链接即可。
2、笔者把需要修改的地方改为中文，一是可以直观看明白意思，另外一个是可以方便替换，下面解读一下代码的意思：因为是全屏无缝代码，所以模块高度与海报图高度有20的差值。举例：
【模块高度】580
【海报图高度】600
【产品链接】
https://item.taobao.com/item.htm?spm=a1z10.1-c.w5003-18396994491.1.5ad574c730Kbum&id=44467511416&scene=taobao_shop
【图片链接】
http://gdp.alicdn.com/imgextra/i1/91049940/TB2tRmdveOSBuNjy0FdXXbDnVXa_!!91049940.jpg
<div data-title="taoxuemei.com 基础全屏代码" style="height:模块高度px;"> <div class="most-footer footer-more-trigger" style="left:auto;right:auto;width:950px;height:模块高度px;top:auto;padding:0;border:none;z-index:1;background:none;"> <div class="most-footer footer-more-trigger" style="left:-485px;top:-20px;width:1920px;height:海报图高度px;border:none;padding:0;background:none;"><a href="产品链接"> <img src="图片链接" /> </a></div></div></div>
3、复制上面的代码，进入淘宝装修后台，添加自定义内容模块，然后进入编辑界面，弹出的编辑器界面上，点击第一个【源码】按钮，然后单击鼠标右键，弹出的下拉菜单中点击【粘贴为纯文本】，之后按照上面第二步里面介绍的方法，替换文字为数值或者链接，然后再次点击【源码】按钮，可以看到图片点击确定查看效果。
在线全屏工具
如果手动修改代码搞不定，那么可以选用在线全屏代码生成工具，此类网站较多不在这里推荐，可以百度搜索一下，相比代码修改，此类工具提供图形化界面，只要按照提示填充链接即可，有些还可以做成 全屏热点、全屏无缝的代码，获取代码之后，还是要回到淘宝装修后台，编辑自定义内容模块添加代码即可。
基础全屏模板
如果你对上面两种方式还是不满意，还是感觉麻烦，就是不想接触代码，那么可以使用基础全屏模板，不过需要购买之后才能用，图形化的操作，不用接触代码，设置完成后，用客户端自动按照到淘宝店铺即可。
注册网址：http://www.taoxuemei.com/tao/276.html 注册之后送一套模板，登录之后咨询客服购买以及使用问题。
根据自己的需求和实际情况，选择适合自己的方式方法，使用代码一些数值需要调试的，比如【style="left:-485px;】，这个485是需要根据实际来调整，可能是585，也可能是685。基础版旺铺的装修，其实是比较麻烦的了，因为很多数值需要调整（淘宝对于css的限制，导致很多类不能直接修改），后期维护太麻烦。
笔者建议使用4y4基础全屏模板，有个模板直接替换图片，不用接触代码，相对而言简单多了。如有疑问可以在文章下方留言，笔者会及时回复你的。
