教你免费装修全屏淘宝店铺
135********|2023-04-21|18:29|发布在分类 / 抖音小店|阅读:25
135********|2023-04-21|18:29|发布在分类 / 抖音小店|阅读:25
今天就教大家不花一毛钱跳出淘宝定的950框架,做淘宝店铺首页的全屏装饰。
一旦你需要丢掉你的代码知识,学会应用它。
原理:不用买模板。
可以用代码编辑单图全屏模式。
1.首先当然是去掉淘宝自带导航。
淘宝导航只支持CSS代码。
)插入代码:. skinbox BD . menu list { display:none;}.allcats{display:无;}.skinboxbd {背景:无;}点击确定然后你会发现导航被隐藏。
2.接下来就可以做店招了。
店招只支持950宽度,全屏显示1920。
怎么破?原理很简单。
做一个1920的店招,拿中间的950,放自己的内容。
然后设置1920整张图片为店招背景,剪切掉950部分上传到店招位置,背景会被反复覆盖~ ~下图为950店招区域:然后添加1920整张图片为背景:再看一眼,两部分叠加在一起~预览一下~跳出950的框架,巧妙的1920全面屏3。
接下来就可以开始做产品页面了,都是1990年的。
我会把它显示为色块,然后保存为图片和HTML格式(因为每个宝贝都要添加链接,使用DW)。
然后,我在版面管理里删除淘宝的模板,添加一个自定义模块(就一个,把所有图片都放进去)进入编辑状态。
因为框架支持950,如果直接上传图片,系统会自动压缩成950,用css代码做成1920。
重要的事情说三遍。
你剪多少张图片就复制多少次蓝色代码。
比如我刚剪了三张图片,就复制了三次,然后依次更改图片地址。
比如我改了之后是这样的,加了三张图。
这里450的高度是根据你的实际情况改的。
我这里改成了1500px预览~ ~,在页眉和页面里挑出了原图框。
知道这一招,就不用花钱买模板了。
整个逻辑其实就是添加CSS代码,突破原来的固定框架~实现全屏。
补充:有人问怎么用DW添加链接?用DW添加链接。
将所有图片上传到淘宝图片空间后,将所有源代码复制成DW代码,点击拆分或设计,点击选择图片,就会出现选择区域的工具。
您可以选择区域并为您的宝宝添加链接。
链接必须是淘宝链接,其他链接不会成功。
因为淘宝已经设置好了。
做好之后,把代码全部复制回淘宝自定义模块。
没关系。
最后,如果你觉得麻烦,当然还有更简单的方法,就是使用淘宝美工助手代码生成器,不需要以上复杂的流程。
直接输入图片地址,不仅可以生成全屏代码,还可以消除模块间的缝隙。
复制粘贴很方便。
同时,该软件还可以实现淘宝装修的一百多种特效。
需要购买这款软件的朋友可以直接去淘宝美工助手官方商店购买。
本文《免费教你装修满屏淘宝店铺》由卖家信息编辑编辑创作。
转载请注明出处(本文转载于:卖家资讯http://tool.musicheng.com/news/article/248286)
这个问题还有疑问的话,可以加幕.思.城火星老师免费咨询,微V.信X号是为: msc496。

微信扫码回复「666」