教你如何玩转旺铺2012装修来进行引流

一、开店前规划：开店战略

很多的大学生或者拥有创业精神的年轻人，都想进行淘宝兼职，因此遇到的第一个问题就是“如何选择产品和市场定位”，对此你会怎么选择？随波逐流还是冷静分析？

目前网上的代理或分销很多，主要有阿里巴巴、淘宝分销平台和其他代理平台。大多数人都知道女装的销量很好，利润也高，但同时她的退货率也是最高的，因此我不建议新手代理服装。因为，无级别的新店一般找不到好的分销商，没有好的分销商，也就意味着产品不靠谱。如此一来，我们应该选择怎样的产品合适呢？

第一，虚拟平台。

多数人认为做虚拟产品能够快速提升店铺信誉值，这个不假，但是在后期店铺的发展会遇到很多的瓶颈，如品牌的分销、淘宝官方活动的限制；

第二，生活用品类。

这类的产品本人推荐女鞋、女包和饰品。这三类产品，相对来说，她隐藏的缺点比女装少多了，尽管女鞋的退货率也很高，但是在多方面综合她还是很适合的产品。

第三，细分客户群体。

从消费群体来看，女性的消费欲望比较旺，见到好看的产品就会买，因此客户定位为女性是最佳选择。

在开店前，我还得告知新手一个淘宝搜索的新规则，那就是现在的“淘宝ID昵称”已经成为一个推广店铺的新利器，因此一个好的淘宝账号也是拥有价值的，同时这也是为什么我会选择开第二个店铺的原因，

二、

店铺装修：站在巨人的肩膀上成就自我

对此，很多人会问，我不懂CSS代码和PS技术，那我怎样才能将店铺装修得好看呢。现在，我告诉大家，新版的旺铺2012已经为大家考虑到这点了，因此现在的店铺装修很简单，几张图片素材和几个CSS代码就能解决一切问题，我的店铺就是这样解决的（大家可以点击看下我的店铺装修）。

一、店招的设置：

不会PS技术的新手，小编只建议找一个好的背景图片，然后在上面加上自己的店铺名就可以了，适当加上花花草草会更加美观。

原背景图素材：

添加上文字和烟花背景后效果：

在店招的制作上有两个注意点：

1

、图片为950*150，多出的部分就会被排挤掉；

2

、在分享的上图中在下半截处留出了30XP的位置，这部分在店铺展示中会被导航栏占据，所以为了起到美观，需提前考虑好。

二、导航类目CSS的设置，具体代码如下，大家复制CSS代码进去就可以了：

首先，点击店铺装修，看到此页面

然后单击导航栏的

“编辑”

最后，在此页面上选择“显示设置”

最后将下面的代码复制进去就可以了！

第一部分、静态背景颜色

1、首页/店铺动态/其它导航类目的背景色，这里设为棕色

.skin-box-bd .menu-list .link{background:#420002;}

2、所有分类的背景色（最左边的），一样设为棕色

.all-cats .link{background:#420002;}

3、导航条整个分类段背景色，还是要设为棕色，整体布局好看些

.skin-box-bd .menu-list{background:#420002;}

4、导航条背景色（是最底层了吧），修补导航右侧缺口，再设为棕色

.skin-box-bd{background:#420002;}

第二部分、分隔线、静态文字的颜色

1、首页等分类的右边的分隔线颜色，设为白色

.menu-list .menu{border-color:wShopfate;}

2、所有分类的右边的分隔线颜色，设为白色

.all-cats .link{border-color:wShopfate;}

3、首页/店铺动态/其它导航类目的文字颜色

.menu-list .menu .title{color:wShopfate;}

4、所有分类的文字颜色（最左边那个）

.all-cats .link .title{color: wShopfate;}

第三部分、分类下的颜色

1、二级分类的背景色，设为浅棕色

.popup-content{background:#750307;}

2、三级分类的背景色，我也为浅棕色

.popup-content .cats-tree .snd-pop-inner{background:#750307;}

3、二级分类的文字颜色，设为白色

.popup-content .cat-name{color:wShopfate;}

4、三级分类的文字颜色。

.popup-content .cats-tree .snd-pop-inner .cat-name{color: wShopfate;}

第四部分、鼠标滑过变背景色

1、鼠标滑过首页/店铺动态/其它导航类目变换背景色，这设为浅棕色，为了颜色协调

.menu-list .menu-hover .link{background:#750307;}

2、鼠标滑过所有分类（最左边那个）变换背景色，这同样设为浅棕色

.all-cats-hover .link{background:#750307;}

3、鼠标滑过所有分类下的二级分类变换背景色，这里也设为棕色

.popup-content .cats-tree .cat-hd-hover{background:#420002;}

4、鼠标滑过所有分类下的三级分类变换背景色，这还是设为棕色

.popup-content .cats-tree .snd-cat-hd-hover{background:#420002;}

5、鼠标滑过导航类目下的宝贝分类变换背景色，这设为棕色

.menu-popup-cats .sub-cat-hover{background:#420002;}

第五部分、鼠标滑过变文字颜色 （本人这部分未换）

1、鼠标滑过首页/店铺动态/其它导航类目变换文字颜色，这设为红色

.menu-list .menu-hover .title{color:red;}

2、鼠标滑过所有分类（最左边那个）变换文字颜色，这同样设为红色

.all-cats-hover .link .title{color:red;}

3、鼠标滑过导航类目下的宝贝分类变换文字颜色，这设为红色

.menu-popup-cats .sub-cat-hover .cat-name{color:red;}

4、鼠标滑过所有分类下的二级分类变换文字颜色，这设为红色

.popup-content .cat-hd-hover .cat-name{color:red;}

5、鼠标滑过所有分类下的三级分类变换文字颜色，这设为红色

.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}

第六部分、导航项目激活状态 （本人这部分未设置）

1、激活项目的文字背景色（难看，所以none）、文字颜色（选白色）

.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:wShopfate;}

2、激活项目的项目背景色（项目框），选紫色

.skin-box-bd .menu-list .menu-selected .link{background:purple;}

最终效果如图所示：

注1：颜色代码可以是英文单词，如wShopfate（白）、black（黑）、red（红），也可以是白色#ffffff、黑色#000000等等表示。

注2：背景色也可用图片，如：｛background:url(图片地址）;}

注3：对于颜色具体的代码可以用PS吸管工具查看。

首先，打开PS页面，打开一背景色，在页面左侧点击“吸管工具”，红圈圈处

随后，用吸管点击背景色，此时颜色就被吸取了；然后，点击下方的前背景色，出现如图页面，注意红圈圈处

最后，将具体的颜色代码复制到相应的模块就可以了。

三、店铺海报的设置，此处的亮点决定了客户是否有兴趣访问您的店铺：

一般的小卖家没有自己的PS团队，要想做出自己的海报是很难的，此时大家有两种方法可以解决：

一、去同类目的卖家寻找图片

（前提：不会侵犯对方的图片拥有权）；

二、去相关的图片网站下载图片：

如

大图网、我图网、中国站长站、百度图库

等，本人还是建议去大图网找，因为上面的很多PSD素材确实很好，而且还有很多免费的，适合我们这种新手。

将自己整理好的海报图片尺寸设置为

1350*805

，具体的高度可以根据选择的图片设置，但是长度最好为

1350

。

接着，回到店铺装修页面，在左上角的

“装修”

类别下选择

“样式编辑”

此时，进入到编辑页面，选择“背景设置”中的

“页面设置”

将做好的图片上传，在右侧的

“背景显示”选择“不平铺”，“背景对齐”选择“居中”，

因此之前设置的海报宽度为

1350PX

，所以不选择平铺。

此时，海报设置好，但是预览发现跟自己所要的效果不一样，被其他的图片所挡住了，所以这时你需要回到装修首页，

添加自定义模块

在内容区一直按

“Enter”键

，直至海报不被其他的图片挡住，最终的效果呈现

看看，店铺装修这是这么简单，只要你善于学习，任何问题都可以解决。最后，小编抱歉一声，上面所写的内容确实多了些，但是我相信唯有详细的干货帖才会让大家学到更多的东西。