|
当店铺到达一颗钻的卖家都知道，旺铺基础版由于功能的限制，只有750和190的自定义模块，因此装修的店铺看上去不专业，不大气。但又想挑战自己，想学习把基础版装修成专业版的样子，并享受那份成就感。怎么办呢？不急，今天就给大家分享一下基础版店铺如何实现1920通栏店招，这样基础版可以装修的跟专业版店铺一样专业。 有兴趣的大家可以先浏览本店铺效果（http://shop114826449.taobao.com），觉得有借鉴之处的亲们可以看我以下简单的教程：
1、首先，我们需要设计一个我们自己需要的店铺店招，我自己用PS做的店铺店招如下图： 
2、从上图看出，设计的店招一共分成了四部分：（1）店招+导航（2）左侧多出的部分（3）右侧多出的部分（4）店招以下多出的10px空隙部分； 
3、首先我们运营ps的切片工具只需把第一部分切下来，并加上相应的代码（运用简单的在线代码生成工具就行，例如：http://www.aowo2012.com/at2.0/index.xhtml），主要是导航的代码添加；
4、把店招+导航的代码添加编辑完成后，我们打开店铺装修页面，点击店招上面的编辑按钮： 
5、把我们第三步生成的店招+导航代码，复制粘贴进来： （1）首先我们点击切换代码编辑按钮： 
（2）粘贴代码（这里有一点要注意，高度要改为150PX，因为店招+导航一起的高度是150PX，需要把自带的固定板式导航顶下去，遮盖掉，这样最终的店铺预览就看不到原有的导航栏了） 
6、此时，点击保存，店招的效果如下： 
7、接下来就是解决全屏通栏店招的重点了，首先先给大家介绍个工具：基础版全屏页头背景代码在线生成系统（http://taoour.com/tbzx/fixed/fixed.html） 将我们除去店招+导航剩下的部分，在这个工具里生成通栏代码； 
将以上的图片上传至图片空间，复制图片链接至代码生成工具中 
生成基础版通栏代码，并复制代码粘贴至导航栏的编辑选项的显示设置当中 
8、点击确定，这样就完成了基础版1920店招的设置了，我们预览一下即可看到全屏店招的效果。
本篇讲到这里就差不多结束了，希望能帮助到大家，下次将带来基础版1920全屏模块及全屏轮播模块的分享。 祝各位店铺生意兴隆！
| 
发表于 2015-4-24 14:49:22
这个牛B 学习了
这个必须学习了，很不错的