【装修必看】手把手教你如何把旺铺基础版装修得像商城一样漂亮

礁石浪花 2015-04-21

展开全文

对于我们个人小店来说，升钻以后每月50块的旺铺专业版费用外加死贵的装修模板费用是笔不小的支出，本着能省则省的指导方针，本人花了好长一段时间上网搜集资料并自己摸索实践，整理出一整套的装修代码，零基础的都可以很快学会。发这个贴的目的是发扬分享精神、广结淘宝好友。有看不明白，或者在实际装修中遇到问题的，或者有更好的装修方法的，可以联系我（旺旺ID：angelawujinyan）；对于实在学不会的，我可以抽空帮忙免费装修。废话不多说，咱们正式开始……

一、店招

二、全屏店招背景

三、修改导航条颜色

四、制作首页全屏轮播海报/通栏海报

五、装修首页宝贝推荐

一、店招

1、准备一张尺寸为：950*120 px的店招图片，并上传到图片空间

2、找到店铺的收藏链接（店铺首页——在“收藏店铺”上右击鼠标——拷贝链接）

3、在店铺装修页面的“店招”处点击“编辑”，添加图片及图片链接，图片链接中输入店铺的收藏链接，这样顾客点击店招时，会自动弹出收藏店铺的页面（当然你也可以在店招链接某个活动、某个商品的页面）。

二、全屏店招背景

（一）纯色背景

1、“样式管理”——“选择配色”，选择你要的背景色。

2、“样式管理”——“选择配色”，勾选显示页头背景

（二）非纯色全屏背景（我用的是这种）

1、制作一张1920*150的店招背景图片（其中最底下30像素为导航条背景颜色），将图片上传图片空间（我的做法是，PS一张1920*150的店招+店招背景的图片，OK后，再从中截取店招，这样店招和店招背景可以整合得比较好）

2、在“是否显示页头背景图”里，把勾取消掉，并点击“保存”

3、店招背景装修代码，将以下红色字体替换成图片空间里店招背景的地址

body{background-image:url(http://img02./imgextra/i2/97633033/T2cMzSXNBXXXXXXXXX_!!97633033.jpg);background-repeat:repeat-x;background-position:top center;background-attachment:scroll;background-position:center 114px;}

4、在CSS里添加代码：在店铺装修页面的“导航栏”处点击“编辑”——显示设置，将以上代码保存到CSS里。

PS：这种方法只有首页可以看到背景，详情页看不到，目前还没找到解决的方法，后续找到了再补充上来，也欢迎各位亲们帮忙补充。

三、修改导航条颜色

如果觉得导航条颜色和店招颜色不搭，想要修改，可以在网上生成导航条代码，然后同设置店招背景一样，把生成的代码添加到CSS即可。

（百度“导航条代码生成”，有好多这种网站，为了避免广告的嫌疑，这里就不把网址贴上来了。）

Tips: 当你想把导航条修改为某个颜色，但是又不知道这个颜色的RGB值时，可以把这个颜色的图片截图到PS，从PS查询（相信会一点PS的都懂的吧）。

四、制作首页全屏轮播海报/通栏海报

1、制作全屏轮播海报图片（我的店铺是三张 1280 * 480的）

2、因为基础版的模块分了左右两边，没有通栏的自定义模块，所以要使用通栏代码：以下是我店铺的从左向右的通栏代码，您需要将以下红色字体替换成您图片空间地址，及对应链接的页面地址后，放到左边的装修模块里（注意，是左边，在左边添加一个自定义模块，保存后看不到通栏效果，一定要点击发布后查看效果）

<div data-widget-config="{

"contentCls": "slide-kun1362899830209content",

"triggerCls": "slide-kun1362899830209triggers",

"navCls": "slide-kun1362899830209triggers",

"triggerType": "mouse",

"effect": "scrollx",

"prevBtnCls":"prev",

"nextBtnCls":"next",

"steps": 1,

"autoplay": true,

"viewSize":[1280],

"circular": true

}" data-widget-type="Carousel" class="J_TWidget" style="z-index:10;top:0px;left:-165px;padding:0px;margin:0px;width:1280px;">

</div>

</div>

</li>

</li>

</li>

</ul>

</div>

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

此帖于 2014-07-28 11:35 被编辑

标签：全屏店招全屏店招背景通栏代码全屏轮播代码修改导航条

| 查看我的回复

angelawujinyan

等级：登堂入室

帖子：1

威望：0

注册时间：2008-04-11

发表于 2014-07-28 11:36 | 只看该作者沙发

不错不错

|回复

酷爱联盟宝贝

发表于 2014-07-28 11:36 | 只看该作者板凳

想在淘宝这个大平台生存下去，离不开努力和坚持，所谓一分耕耘一分收获，没有付出是没有收获的，做卖家就要承受常人所不能承受的艰苦，要在竞争中脱颖而出肯定得有自己的特色，产品没有特色就要在服务上跟上，用自己的长处来弥补不足，得学会忍耐寂寞，而且还要学会销售技巧，还要学会自己推广。这不是单凭满腔热情就能取胜的。不过既然选择做淘宝了，就必须有良好的心态迎接淘宝给我们考验！我是个新人，开店也没多久，现在正努力推广中，我坚信：风雨过后会一定会有彩虹。一起努力哦，加油

|回复