2018淘宝店铺装修教程之基础旺铺全屏无缝实现方法!

本站改版上线以来,淘宝店铺装修方面的文章一直没有着手写,虽然之前在笔者另外的两个网站上写了有小一千篇装修教程,但在本站却无从下手,想从另外一个角度出发,分享装修思路,以及能够给朋友们带来便利性的工具和代码。本篇讲解基础旺铺全屏海报的三种装修方法,选择一个自己适合或者喜欢的,更容易提供工作效率以及在枯燥的装修中找寻点滴快乐。

基础全屏代码

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基础全屏模板,有个模板直接替换图片,不用接触代码,相对而言简单多了。如有疑问可以在文章下方留言,笔者会及时回复你的。

暂无评论

发表评论

您的电子邮件地址不会被公开,必填项已用*标注。

相关推荐

淘宝装修自定义页面怎么创建,链接在哪?

笔者在两年前写过相关文章,如今淘宝装修后台升级了,很多步骤也不一样了,重新写一篇吧,自定义页面,不仅仅pc端店铺可以创建,手机端店铺也是可以的,本文重点讲解pc端店铺的创建方法,以及如何找到自定义页面的链接。

淘宝店铺装修热区代码添加热区生成

淘宝店铺装修,要获得比较理想的效果,大多会选择自定义的装修,先把整个首页版面设计出来,然后切图加热点链接,生成代码后布置到自定义模块,如果有一定的设计装修基础,可能遇到的问题少一些,但如果没基础,或者基础差一些,操作起来就比较麻烦,尤其是热区如何做,

淘宝店铺先装修还是先上传宝贝呢

淘宝店铺先装修,还是先上传宝贝?对于新开店铺的朋友来讲,算是一个比较棘手的问题,当你运营淘宝店铺一段时间之后,这个问题自然就可以轻松解决了,之所以有此疑问,还是对于淘宝店铺比较陌生,那么到底是先专修还是先上传宝贝,其实两者都可以先来做,或者同步进行都

淘宝手机店铺海报免费一键生成的方法

手机淘宝店铺海报的设计,对于普通掌柜来讲,是一个比较麻烦的事情,没有设计的基础,以及各种活动的素材可用,想要设计出一张满意的活动海报,确实要花费一番功夫,那么有没有更为简单,并且效果不错的海报设计工具?最近淘宝手机装修后台,增加了一个鹿班海报设计插件