【模板介绍】 模板为绿色简约时尚的手机数码、小家电等淘宝店铺免费全套模板。模板经装修宅修改,包含淘宝店铺店招代码、淘宝店铺导航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”文件内容。
如果在使用代码模板的过程中提示错误“您不能使用他人图片空间中的图片”,那就需要自己查看代码中的图片,下载下来并上存到自己的图片空间,替换对应的链接。