淘宝店铺首页全屏装修怎么设置?
17314人阅读
  •   淘宝店铺首页全屏装修怎么设置?很多卖家想将淘宝店铺首页装修成全屏店招显得更加美观大气。那么淘宝店铺首页全屏装修怎么设置?装修宅小编今天教大家用淘宝装修代码把店铺装修成全屏。

      对于店铺装修是每个卖家必备的技能,能自己解决不花钱当然是好了,减少店铺成本花在该花的地方。淘宝店铺装修技术还是自己多去学习一些,这边就来教教大家不花一毛钱就可以跳出淘宝设置的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了。

    淘宝店铺首页全屏装修

      淘宝店铺首页全屏装修怎么设置小编就介绍完了,各位卖家快去试试吧!更多淘宝装修代码可以在装修宅在线生成。

      推荐阅读:如何快速制作淘宝白底图?

      淘宝旺铺导航css代码怎么修改?


    查看更多相似文章
    发表评论
    昵称
    问答
    网上开店
    淘宝运营
    活动大促
    其他

    ©Copyright ©2007-2017 www.kaitao.cn (开淘网) All Rights Reserved