欢迎访问, 北京金世纪培训学校 官方网站!

课程
导航

天猫新版旺铺店铺背景设置技巧

编辑:金世纪      人气:      发布时间:2015-03-23

  自2013年7月天猫新旺铺上线之后,就随后发布天猫新旺铺迁移公告,要求所有的天猫商家在2013年8月31日号之前,完成旧版天猫旺铺升级到新版天猫旺铺。8月15日后未升级的天猫商城,淘宝将强制升级店铺后台为新旺铺后台。意味着天猫店铺在8月15日后,要想变动编辑店铺,必须使用新版旺铺了。这也就意味着天猫新旺铺的时代到来了!

  天猫新旺铺的店铺背景设置功能,在新旺铺上有了新的突破。相对于之前的旺铺拓展版的背景功能,它的设计更自由,除了首页能添加背景外,还能自定义设计列表页的背景哦。既然今天要跟大家分享天猫新旺铺背景设置的—些小技巧,那么首先让我们先来看看官方的基础教程吧!

  天猫新旺铺支持不同页面不同背景(除detail页)

  点击“装修”——“样式编辑”——“背景设置”便可设置店铺背景。

天猫新版旺铺店铺背景设置技巧  三联

  点击”背景设置”——“页头设置”进店招位置的背景设置。

  两种方式设置:选择调色器或者选择本地上传一张图片。

背景设置
背景设置
背景设置

  点击“选择要设置的页面”——可以选择不同页面不同背景。“页面设置”同“页头设置”。

选择要设置的页面

  除了以上这种最基础的背景设置方式,还可以怎样装修我们的店铺背景呢?或许有人会说其他的背景效果不会是要花钱买模板实现的吧!其实不然,下面就—起来看看,如何巧妙设置背景让店铺不再单调!

  在开始介绍背景设置之前,我先向大家介绍一个天猫新旺铺的功能:新旺铺导航是可以更换颜色和式样的哟!这里需要—些css的小技巧。这一功能和下面介绍的背景设置技巧密切相关哦!

  进入店铺后台,选择导航处的“编辑”;

店铺后台

  一、常规页面背景设置,让背景更清晰

  一般情况下首页背景由于设计师在做页面时的设计需要,整体页面背景在存储时会比较大,所以在上传时设置时就会被背景图片200k的大小所限制,从而不得不降低背景图片的像素显示,直白的说就是背景会变模糊,图片质量变低。那么如何通过小技巧来解决这一问题呢?

常规页面背景设置

  首先就是和最初上传背景时一样的操作步骤,只是在图片质量和图片大小上尽量保持高品质,图片大小最大可控制在3M以内即可,即图片可上传至店铺图片空间便可。接着就是利用css小代码来设定喽,代码如下:

  body{background:url(http://img04.taobaocdn.com/123.jpg)no-repeat center top transparent;}

  亲们只需要进入“店铺后台”选择导航处的“编辑”,然后将这段代码复制到“显示设置”,再将编辑上传的背景图片地址替换上述代码中的黄色区域(即代码中括号内部分)即可,最后确定保存发布。

责任编辑:金世纪

最热教程排行

Copyright 1996-2014 金世纪教育 版权所有 Power by 21jsj.com

网站备案: 京ICP备15056050号-1