淘宝店装修实战,小卖家必备(附代码)

全屏轮播海报
• 点击确定，然后发布新装修的店铺，就可 以看到我们辛辛苦苦做的全屏海报啦
固定背景设置
• 在店铺装修—样式管理—背景设置—页面 背景色 里面可以修改页面的背景颜色
• 这里的背景图片大小不能超过200k，并且会随着鼠标下拉滚动 • 不能固定，那么固定背景怎么设置呢？
固定背景设置
• 店铺的固定背景是通过代码实现的
• 点击页头设置，选择更换图片
把之前做好的1920*150的图片传上来，选择横向平铺 居中 搞定了
全屏轮播海报
• 淘宝系统给的图片轮播模块是没有全屏的， 但是有的淘宝店就是全屏的，为什么呢？
全屏轮播海报
• 秘密就在于代码（附上代码一份） • 代码可以去下载，网上比较多现成的。
全屏代码副本.txt
尾部通栏设置
• 店铺尾部可以设置海报，也可以加入客服 旺旺，那么通常我们在这个位置是做一个 购物指南模块，同样是通过代码实现，网 上一样很多版本下载，这里附上一份
店铺尾部通栏.txt
尾部通栏设置
进入店铺装修，在店铺尾部添加自定位模块
尾部通栏设置
• 记得把客服图标先上传到自己的图片空间 哦 • 代码复制上去之后，退出源码页，如图
淘宝店免费装修
（附代码）
• • • • •
店铺常用模板 店铺常用模块 店招及导航栏 全屏轮播海报 固定背景设置
尾部通栏旺旺 客服 详情关联销售
店铺常用模板
• 新开的淘宝店，在一钻以前是可以免费使 用旺铺专业版的。 • 淘宝提供的专业版免费模板有3个。 • 分别是：简约时尚官方模板 动感红官方模板 收费店铺官方模板 • 新开店铺默认使用<简约时尚官方模板>
这个代码里面可以看到，左侧红框里显示是五图轮播的，第一行看到图片大小是 1920*550大小的，那么我们需要做五张这样大小的海报，并传上到图片空间。
全屏轮播海报
看代码要学会找里面的图片地址和链接地址，找到之后替换成我们自己的图片和 宝贝链接就可以了
一般在href后的的双引号里面的就是我们的宝贝链接 在img后面的双引号里面的就是图片链接，图片链接后缀是.jpg哦
怎么换模板？
• 进入 装修页面-模板管理-系统模板 • 可以换你想要的模板了。
店铺常用模块
• 店铺首部：店招及导航栏 • 店铺中部：全屏轮播海报 小海报 950px宽4列宝贝推荐 190px宽度在线旺旺栏+750宽促销栏 • 店铺底部：购物须知栏 横版旺旺栏
店招及导航栏
• 全屏店招Hale Waihona Puke Baidu置
淘宝允许我们的店招是950px宽度，两边会多出很长一段，很难看，怎么办？
• 最后一部分就是详情关联销售了，同样用 代码也可以实现 • 代码比较长，使用方法与之前的相同，不 多赘述，将代码中的图片和链接替换成自 己的就可以了，文字部分也可以直接修改 • 下面附上效果图
淘宝宝贝详情页代 码.doc
详情关联销售
单 独 关 联 模 式 ， 无 参 团 部 分 ， 在 代 码 最 后 部 分
• 附上代码一份 body{background:url(背景图片地址) fixed center top;} 做好背景图片之后，替换在上面括弧里。 进入店铺装修，编辑导航栏，点击显示设置，将做好的代码粘贴进去点击确 定就可以了
固定背景设置
• 点击确定之后，就可以看看我们的效果了， 我这里只简单做了一个对比色图片
尾部通栏设置
• 双击客服旺旺图标，出现如图对话框 图片地址是自己图片空间的旺旺图标地址， 替换掉就可以
尾部通栏设置
• 链接地址是自己的旺旺地址，如图可以获 得，进入店铺首页就可以看到自己系统悬 浮旺旺了 • 将复制好的地址替换掉就可以啦
尾部通栏设置
• 剩下文字部分可以自己修改，不多赘述
详情关联销售
看看别人的店招，一体化很靓有木有？
秘密就在——店铺装修-样式管理-页头设置 里面
店招及导航栏
• 首先你要有一个1920*150的店招图片 用截图软件截取中间一块950*150的作为店 招传上去，相信传普通店招大家都会的哦。 接下来如上面说的，进入页头设置修改两边 的颜色
• 进入样式管理
店招及导航栏
全屏轮播海报
• 代码部分全部做好之后，按ctrl+A全选，再 按ctrl+C复制，完成之后进行下一步，进入 店铺装修页面，在页面中部选择添加模块， 添加自定义模块
全屏轮播海报
• 自定义模块添加之后，选择编辑，然后进 入源码页
• 进入之后源码页是空的，什么都没有，将 我们做好的代码粘贴进来就可以了