幕思城>电商问答>抖音小店>教你免费装修全屏淘宝店铺

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

    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。

    淘宝店运营问题没解决?没思路?想系统学习? 马上点这里加火星老师微信【无偿赠送5.5G运营礼包、电商软件VIP账号、内部课程等资源】
    >
    发表评论

      微信扫码回复「666