绿色简约手机数码家电类淘宝店铺装修免费模板

【模板介绍】  模板为绿色简约时尚的手机数码、小家电等淘宝店铺免费全套模板。模板经装修宅修改，包含淘宝店铺店招代码、淘宝店铺导航css代码、全屏海报图轮播代码、限时团购代码、宝贝遮罩促销代码等、带头像横向淘宝客服代码模块，超多特效代码的淘宝店铺模板。

【模板风格】  时尚简约

【模板适用】  淘宝新旺铺专业版

【模板下载】  注册装修宅会员，免费下载，全套模板。

【装修教程】  装修宅就简单说明一下，如下面步骤（代码修改比较复杂）

步骤一：装修--样式管理--背景设置--页头设置，如下图。

页头背景图更换：装修宅提供了”页头背景图.jpg“素材。

页头下边距10像素：关闭

背景显示：平铺

背景对齐：居中

步骤二：装修--页面管理--首页--自定义店招--复制粘贴“01淘宝店铺招牌.txt”文件内容。

店招高度是95像素，这个高度比较特别，要注意！！

 导航条--编辑--显示设置--复制粘贴下面的css代码：

.skin-box-bd .menu-list{background:none;}.all-cats{background:none;max-width:auto;width:auto;_width:auto;}.skin-box-bd,.menu,.all-cats .link{background:#404145;border-color:#DDD;}.skin-box-bd .menu-list .menu .title{color:#FFF;cursor:pointer;}.skin-box-bd .menu-list .menu{border:none;}.skin-box-bd .popup-content .cats-tree .fst-cat{border:none;height:28px;}.all-cats .link{width:90px;padding:0 10px;background:#119F6D;border:none;color:#FFF;font-size:12px;font-weight:700;}.all-cats .link .title{left:10px;color:#FFF;cursor:pointer;}.menu-list .link{padding:0 20px;border:none;border-left:1px solid #119F6D;color:#FFF;font-weight:normal;background:none;}.menu-list .menu-hover .link{background:#119F6D;}.all-cats- hover .link .popup-icon{background:#404145;}.menu-list .menu-selected .link .title{background:none;}.popup-content{border:none;background:#F9F9F9;}.popup-content .cats-tree{margin:0;padding:0 0 10px 0;background:none;}.popup-content .cats-tree .has-children{background:none;}.popup-content .cats-tree .fst-cat -hd{height:28px;line-height:28px;border-bottom:none;}.popup-content .cats-tree .fst-cat-icon{display:none;}.skin-box-bd .popup-content .cats-tree .cat -hd-hover .fst-cat-hd{background:#404145;height:28px;line-height:28px;}.popup- content .cats-tree .snd-pop-inner{background:#404145;}.popup-content .cats-tree .snd-cat-hd-hover{background:none;}.popup-content .cats-tree .snd-cat-hd a{color:#FFF;font-weight:normal;font-size:12px;}.popup-content .cats-tree .snd-cat-hd a:hover{text-decoration:underline;}.menu-popup-cats{padding:8px 0;}.menu-popup-cats .sub-cat a{color:#FFF;font-weight:normal;font-size:12px;text-indent:15px;}.menu-popup-cats .sub-cat-hover{color:#FFF;background:#404145;} 

步骤三： 导航条--编辑--显示设置--复制粘贴“02店铺全屏海报轮播.html”文件内容。

步骤四：装修--页面管理--首页--新建自定义内容模块，复制粘贴“03信息栏代码.txt”文件内容。

步骤五：新建自定义内容模块，复制粘贴“04限时促销宝贝代码.html”文件内容。

步骤六：新建自定义内容模块，复制粘贴“05遮罩特效宝贝促销代码.html”文件内容。

步骤七：新建自定义内容模块，复制粘贴“06搜索栏代码.html”文件内容。

步骤八：店铺新建自定义内容模块，复制粘“07客服中心代码.html”文件内容。

关于客服代码，可以到装修宅旺遍天下在线生成：https:///wangwang.html

如果旺旺客服代码不会修改，可以看这个教程：https:///html/jiaocheng/4082.html

步骤九：店铺新建自定义内容模块，复制粘贴“08宝贝图片轮播代码.html”文件内容。

步骤十：店铺新建自定义内容模块，复制粘贴“09海报轮播代码.html”文件内容。

步骤十一：店铺新建自定义内容模块，复制粘贴“10遮罩特效宝贝促销代码.html”文件内容。

步骤十二：店铺底部新建自定义内容模块，复制粘贴“11店铺尾部代码.html”文件内容。

 如果在使用代码模板的过程中提示错误“您不能使用他人图片空间中的图片”，那就需要自己查看代码中的图片，下载下来并上存到自己的图片空间，替换对应的链接。