波浪花纹黑白简约淘宝全屏店招模板 - 装修教程

小提示：您能找到这篇{波浪花纹黑白简约淘宝全屏店招模板 - 装修教程}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的波浪花纹黑白简约淘宝全屏店招模板 - 装修教程内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

分享一份波浪花纹黑白简约淘宝全屏店招模板。店招很素，使用店铺装修风格比较清淡的店铺使用。这份淘宝店招模板含店铺公告、新手上市、购物车、查订单、收藏本店等功能。编辑修改也比较简单。

 （一）淘宝店招模板装修模板效果预览

（1）本淘宝全屏店招模板真实预览效果见：(预览截图宽度有限，以这里效果为准)

（2）本淘宝装修模板安装截图如下：

（二）模板分享说明

本店招模板最好淘宝旺铺专业版可以使用该模板，即新开店信誉小于1钻的朋友可以直接使用。信誉高于等于1钻的，需去淘宝升级您的店铺版本为专业版才能使用。

基础版的店铺，因为淘宝限制，不能设置页头背景图，没这个完美的预览效果。

本淘宝装修模板代码已经搬家了，大家可以直接安装使用，不再需要搬家了。

（三）详细的淘宝店招模板安装说明

（1）背景设置（基础版的店铺跳过这一步）

(a)系统模板设置：

左上角“装修”-“模板管理”-“系统模板”选择【简约时尚官方模板】

如果选错系统基础模板了，你的淘宝店铺装修出来可能会和的效果图不一样哦。选择后记得要点应用。

(b)颜色样式可选择黑白色:

左上角“装修”——“样式管理”--“样式编辑”-“选择配色”，设置配色为“黑白色:”，如果不喜欢，选择自己喜欢的配色。

(c)页头背景：

页头背景图，在下面下载的rar压缩包里有。

上传或者替换页头背景图，并设置为：横向平铺+居中对齐

页头背景色颜色：【不勾选】

页头下边距10像素：关闭

设置完成后记得点保存

（2）安装店招

装修后台左上角移动到“装修”上，点“页面管理”。然后点击店招编辑，选择自定义招牌，点击编辑器源码按钮后粘贴店招代码进去，店招高度为120px，保存即可。

提醒1：店招代码里的标题,公告文字修改成你自己的。建议直接在代码里将中文汉字直接修改即可。

提醒2：代码中新手上市、购物车、查订单、收藏本店修改说明

代码中需先将数字57988233替换为自己的shopid。

代码中，直接查找搜索“57988233”这个数字，并替换为亲店铺自己的店铺id（shopid）。所有的 “57988233”均需要修改替换哦。这样就批量修改好了代码中的新手上市、购物车、查订单、收藏本店的链接。

说明：如果亲不知道自己店铺id的shopid是多少，请看教程：

淘宝店招代码如下：

<div style="padding-top:16px;font-weight:normal; font-size:12px;"> <div style="width:950px; height:104px; margin:auto; overflow:hidden; background:#fff;"> <div style=" height:84px; text-align:center;"> <span style="display:block; line-height:84px; font-size:50px;"><a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" style="color:#666; text-decoration:none;">淘宝模板</a></span> </div> <div style="overflow:hidden;"> <div style=" width:300px; height:20px; overflow:hidden; float:left; background: url(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2YuDVXbRbXXXXXXXX-1770601599.gif) no-repeat scroll 0 3px; padding-left:20px;"> <div data-widget-config="{'contentCls':'mk-39-dz','hasTriggers':false,'effect':'scrolly','easing':'easeOutStrong','interval':3,'duration':0.2}" data-widget-type="Slide" class="J_TWidget"> <ul class="mk-39-dz"> <li style="height:20px; line-height:20px; overflow: hidden;"> <a style=" color:#737373; text-decoration:none;" target="_blank" href="输入链接地址" _fcksavedurl="输入链接地址">欢迎光临本店，本店商品一律最低价</a> </li> </ul> </div> </div> <div style=" width:300px; height:20px; overflow:hidden; float:right;"> &l<a href="/topic/19780">电商运营app</a>t;a target="_blank" href="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0" _fcksavedurl="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0" style="float:right; color:#737373; text-decoration:none; padding-left:8px;">收藏本店</a> <a target="_blank" href="http://trade.taobao.com/trade/itemlist/list_bought_items.htm?spm=0.0.0.0.4uTXxQ" _fcksavedurl="http://trade.taobao.com/trade/itemlist/list_bought_items.htm?spm=0.0.0.0.4uTXxQ" style="float:right; color:#737373; text-decoration:none; padding-left:8px;">查订单</a> <a target="_blank" href="http://cart.taobao.com/my_cart.htm?spm=0.0.0.0.4uTXxQ" _fcksavedurl="http://cart.taobao.com/my_cart.htm?spm=0.0.0.0.4uTXxQ" style="float:right; color:#737373; text-decoration:none; padding-left:8px;">购物车</a> <a target="_blank" href="http://shop57988233<a href="/topic/122503">中小企业市场调研</a>.taobao.com/search.htm?orderType=newOn" _fcksavedurl="http://shop57988233.tao<a href="/topic/9783">兴安盟网</a>bao.com/search.htm?orderType=newOn" style="float:right; color:#737373; text-decoration:none;">新品上市</a> </div> </div> </div> </div>

（2）安装导航条css代码

淘宝店招模板中的导航条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:none;border:none;} .skin-box-bd .menu-list .menu .title{color:#222;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:none;border:none;color:#FFF;font-size:12px;font-weight:700;} .all-cats .link .title{margin-left:10px;color:#222;font-weight:700;cursor:pointer} .all-cats .link .popup-icon{background:none;font-family:"宋体"; border:5px solid; border-color:#666 #FFF #FFF #FFF; margin-top:14px;font-size:0;width:0;height:0;} .menu-list{width:830px;} .menu-list .link{padding:0 15px;border:none;color:#FFF;font-size:12px; font-weight:normal;background:none;} .menu-list .link .popup-icon{background:none; display:block; float:right;font-family:"宋体"; border:4px solid; border-color:#666 #FFF #FFF #FFF; margin-top:14px;font-size:0;width:0;height:0;} .all-cats-hover .link .title, .menu-list .menu-hover .link .title{ color:#29ADBA} .menu-list .menu-selected .link{ background:none;} .menu-list .menu-selected .link .title{ background:none;color:#8ad7c7} .popup-content{ border:none; background:#8ad7c7;} .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;} .popup-content .cats-tree .has-children .fst-cat-icon{background:none;font-family:"宋体"; border:3px solid; border-color:#8ad7c7 #8ad7c7 #8ad7c7 #FFF; margin:12px 12px 0 0;font-size:0;width:0;height:0; float:right; display:block} .skin-box-bd .popup-content .cats-tree .cat-hd-hover, .skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-hd{ background:#29ADBA; height:28px; line-height:28px} .skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-icon{ border-color:#29ADBA #29ADBA #29ADBA #FFF; } .popup-content .cats-tree .fst-cat-name{ font-weight:normal; color:#FFF; text-indent:20px; padding:0; height:28px; line-height:28px;} .popup-content .cats-tree .snd-pop-inner{ background:#29ADBA;} .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:#29ADBA} .skin-box-bd { height:30px; border:0;} .popup-content .cats-tree{ padding:0;} .popup-content .cats-tree .snd-cat-icon{ background:none;} .all-cats .link{ height:30px; line-height:30px;} .menu-list .menu-hover .link{ background:none;} .popup-content .cats-tree .cat .cat-hd .fst-cat-icon{ top:auto;} .popup-content .cats-tree .fst-cat-name{ width:150px;} .popup-content .cats-tree .has-children .fst-cat-icon{ margin-right:0;} .all-cats{width:auto;} .all-cats .link{width:auto;} .menu-list{ width:auto;} .popup-content .cats-tree .fst-cat-hd{ margin:0; padding:0 15px;} .menu-list .menu .link .title{ margin:0;} .all-cats .link .title{ margin:0 10px;}

（四）本黑白简约波浪花纹淘宝全屏模板下载地址是：