分享一款黑白简约波浪花纹全屏店招模板素材。风格比较清淡，简约大方。

该模板包含店铺公告、新手上市、查订单、购物车、收藏本店等功能。

专业版旺铺可以使用。

 （一）效果预览

（二）安装说明

（1）背景设置

(a)系统模板设置：

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

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

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

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

(c)页头背景：

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

左上角“装修”_“样式管理”——"背景设置"——“页头设置”（如果没有看到平铺等设置，需先上传页头背景图片）

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

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

页头下边距10像素：关闭

设置完成后记得点保存

（2）安装店招

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

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

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

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

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

说明：如果亲不知道自己店铺id的shopid是多少，请看教程：如何获取淘宝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;"><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.taobao.com/search.htm?orderType=newOn" _fcksavedurl="http://shop57988233.taobao.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;}

新手不会使用？请点此查看淘宝店招如何设置 淘宝店招尺寸是多少

文章来源：开网店官网