淘宝基础版照样可实现专业版效果——全屏店招导航

       当店铺到达一颗钻的卖家都知道，旺铺基础版由于功能的限制，只有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全屏模块及全屏轮播模块的分享。

祝各位店铺生意兴隆！

这个牛B   学习了

楼主  QQ:99645559  求救~~~

很不错的，学习了哦

牛逼啊，好多东西需要学习的

学习了，谢谢分享

这样也行。谢谢分享

这个牛B,赶紧学习收藏下

好，值得学习

路过学习一下。。。。。。。。。。

牛B啊，学习一下 就可以不去订专业版了

这个必须学习了，很不错的

牛人。谢谢分享！！

谢谢分享。 不过专业版还是可以增加流量的。

这个不错，学习了先