教你免费装修全屏淘宝店铺

今天教我们经过不花一毛钱就能够跳出淘宝设置的950结构，做全屏的淘宝店肆主页装饰。

需求一丢丢代码知识，要学会套用。

原理：不必买模板也能够的，用代码编辑 单图全屏形式就能够 1.首先，当然是把淘宝自带导航去掉，淘宝导航只支撑CSS代码） 插入代码： .skin-box-bd .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;} 点击确认 这时你会发现导航被躲藏了。

2.接着能够做店招了，店招只支撑950的宽度，全屏显现是1920，怎样破？

原理很简略，做一个1920的店招，取中心950放自己的内容。

然后将1920整张设置为店招布景，再将950的部分裁出来上传到店招的方位，就把布景重复的覆盖掉了~~ 以下图是950的店招区域： 然后增加1920整张图片作为布景： 再看一下，两部分就叠加一起了~ 预览一下~跳出950结构，巧妙1920全屏了 3.接下来能够开始做产品页面了，悉数做成1920宽度，时间联系，我就以色块表明，做好之后切片保存为图画和HTML格式（由于每个宝物都要增加链接，要用到DW） 然后，到布局管理里面把淘宝的模板删掉~~，自己增加一个自定义模块（一个就行，把图片悉数放进去） 进入编辑状态。

由于结构是支撑950的，所以直接把图片上传的话，体系就会自动压缩成950，而要做1920的就要用到css代码了。

重要工作说3遍。

切了多少张图片蓝色代码就仿制多少次，比如我方才切3张，就仿制3次，然后依次把图片地址换掉。

比如我改好之后是这样的，三张图片就增加好了。

这儿的450高度依据自己实际情况改，我这儿改成了1500px 预览一下~~，页头和页面都挑出了原有结构。

会了这招，就不必花钱买模板了。

整个逻辑其实就是增加CSS代码，冲出原有固定结构~完成了全屏。

弥补：有人问怎样用DW增加连接，弥补一下用DW增加链接，把图片都上传到淘宝图片空间之后，把源代码悉数仿制到DW代码里面，点击拆分或许设计，点击选中图片，就会呈现框选区域的东西，就能够框选区域了，对你的宝物增加链接。

链接有必要是淘宝的链接，其他链接不会成功。

由于淘宝现已设定了。

搞好之后，再把悉数代码仿制回到淘宝自定义模块。

就ok了。

最终如果我们觉得这样麻烦，当然还有更简略的办法，那就是使用淘宝美工助理代码生成器，这样不需求上述繁琐的过程，直接输入图片地址既可生成全屏代码，一起能够消除模块间隙，仿制粘贴既可，非常方便。

一起软件还能够完成淘宝装饰的一百多种特效，需求购买这款软件的朋友能够直接去淘宝美工助理官方店肆购买。

这个问题还有疑问的话，可以加幕.思.城火星老师免费咨询，微.信号是为: msc496。

难题没解决？加我微信给你讲！【仅限淘宝卖家交流运营知识，非卖家不要加我哈】

>

推荐阅读：

聚划算品牌团最多提交多少商品-聚划算商品团规则-淘宝问答

2022提高手机淘宝流量的方法-手机淘宝省流量设置2020-淘宝问答

更多资讯请关注幕 思 城。