红色通用淘宝全屏店招模板含收藏本店与淘宝二

时间:2022-09-14 | 标签: | 作者:Q8 | 来源:网络

小提示：您能找到这篇{红色通用淘宝全屏店招模板含收藏本店与淘宝二}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的红色通用淘宝全屏店招模板含收藏本店与淘宝二内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

分享一份红色通用的淘宝全屏店招模板。基本上卖各种宝贝的店铺均可用来装修店铺。本淘宝全屏店招模板含店招、导航条css代码、页头背景。店招中含店铺名称、收藏本店、淘宝二维码图。

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

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

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

（二）模板分享说明

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

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

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

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

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

(a)系统模板设置：

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

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

(b)颜色样式可选择粉红色:

左上角“装修”——“样式管理”--“样式编辑”-“选择配色”，设置配色为“粉红色:”

(c)页头背景：

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

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

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

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

页头下边距10像素：关闭

设置完成后记得点保存

（2）安装店招

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

提醒1：店招代码里的标题修改成你自己的。

提醒2：代码中收藏本店、淘宝二维码图修改说明

代码中的收藏本店，二维码图，需先将数字57988233替换为自己的shopid。

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

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

淘宝店招代码如下：

<div style="width:950px; height:120px; margin:auto;font-weight:normal; font-size:12px; background:#B70002 url(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2ZfaqXB4aXXXXXXXX-1770601599.jpg) no-repeat 8px center;"> <div style=" width:480px; float:left;"> <div style=" height:30px; line-height:30px; overflow:hidden; padding:45px 0 0 180px;"> <a href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" style="font-family:'微软雅黑'; font-weight:bold; color:#F4F1D3; font-size:22px; text-decoration:none;">350模板直销店</a> </div> <div style=" width:300px; height:20px; overflow:hidden; float:left; margin:23px 0 0 17px; _display:inline; background: url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2VNToXltbXXXXXXXX-1770601599.gif) no-repeat scroll 0 3px; padding-left:20px;"> <div data-widget-config="{'contentCls':'mk-41-dz','hasTriggers':false,'effect':'scrolly','easing':'easeOutStrong','interval':3,'duration':0.2}" data-widget-type="Slide" class="J_TWidget"> <ul class="mk-41-dz"> <li style="height: 20px; line-height: 20px; overflow: hidden;"> <a href="输入链接地址" _fcksavedurl="输入链接地址" target="_blank" style=" color:#fff; text-decoration:none; opacity:0.8; filter:;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);">欢迎光临本店，本店商品一律最低价</a> </li> </ul> </div> </div> </div> <div style=" width:190px; margin:20px 0 0 60px; float:right; color:#fff;"> <a target="_blank" href="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype<a href="/topic/171988">增城区珠江新城灯箱广告价</a>=0" _fcksavedurl="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0" style="width:75px; height:58px; display:block; float:left; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2v2OAXE8aXXXXXXXX-1770601599.gif) no-repeat;"> <span style="width:12px; display:block; padding-left:60px; color:#fff; line-height:15px; opacity:0.8; filter:;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);">点击收藏</span> </a> <div style=" width:100px; float:right; margin-left:10px;"> <span style="float:left;"><img width="80" height="80" src="http://gqrcode.alicdn.com/img?type=cs&shop_id=57988233" _fcksavedurl="http://gqrcode.alicdn.com/img?type=cs&shop_id=57988233"/></span> <span style="width:12px; display:block; float:right; color:#fff; line-height:15px; opacity:0.8; filter:;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);">扫二维码</span> </div> </div> </div>

（2）安装导航条css代码

淘宝店招模板中的导航条css代码如下：

.menu-list .menu-selected .link{background:0}
.menu-list .menu-selected{background:0}
.skin-box-bd{height:30px;line-height:30px;padding:0;border-bottom:0; background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2S8WWXzNaXXXXXXXX-1770601599.jpg) repeat-x scroll 0 -120px;}
.all-cats .link{width:112px;background:#620001;text-align:center;padding:0 2px 0 0;height:30px;line-height:30px;position:relative;border:0;padding:0 10px}
.all-cats .link span.title{color:#FFF;cursor:pointer;font-size:12px;padding:0 8px;margin:0}
.all-cats .link:hover span.title{color:#FFF}
.all-cats .link .popup-icon{width:26px;height:10px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2yPjUXvFXXXXXXXXX-1770601599.gif) no-repeat center;margin-top:12px;display:inline;margin-left:2px;float:right}
.menu-list .menu .link .popup-icon{width:9px;height:11px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2O2uEXC4aXXXXXXXX-1770601599.gif) no-repeat center;display:none;margin:0;position:absolute;left:3px;top:10px}
.all-cats-hover .link .popup-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2a39SXDtaXXXXXXXX-1770601599.gif) no-repeat center}
.menu-list .menu-hover .link .popup-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2O2uEXC4aXXXXXXXX-1770601599.gif) no-repeat center}
.menu-list .menu-hover .link .popup-icon{display:none}
.all-cats .link .popup-icon .menu-list{width:auto}
.menu-list .menu{height:30px;padding-right:2px;line-height:30px;height:30px;border:0;line-height:30px;font-weight:normal;background-image:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2T1O6XBXaXXXXXXXX-1770601599.png);background-repeat:no-repeat;background-position:right center}
.menu-list .link{height:30px;border:0;line-height:30px;padding:0;min-width:90px;background:0;position:relative;text-align:center}
.menu-list .menu-hover .link{background:url(#) no-repeat center}
.menu-list .menu .link .title,
.menu-list .link .title{color:#FFF;font-size:12px;font-weight:normal;display:inline-block;padding-left:10px}
.menu-list .menu .link .title{float:none}
.menu-list .menu-hover .link .title{color:#f4f0d5;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2O2uEXC4aXXXXXXXX-1770601599.gif) no-repeat left center}
.all-cats-popup{background:0;width:188px;border:0;opacity:.95;filter:;border:0}
.popup-<a href="/topic/34379">网站开发案例</a>content{ background:none;}
.popup-content .cats-tree{margin:0;border:0}
.popup-content .cats-tree .fst-cat{ border:0; width:190px; float:left;min-height:28px;background:#620001;border-bottom:1px solid #620001}
.popup-content .cats-tree .cat-hd-hover{background:#FFF}
.popup-content .cats-tree .fst-cat-hd,
.popup-content .cats-tree .fst-cat-name{min-height:26px; margin:0;}
.popup-content .cats-tree .fst-cat-hd .fst-cat-name{color:#FFF;display:inline-block;float:left;font-weight:normal;padding-left:5px; text-decoration:none;}
.popup-content .cats-tree .cat-hd-hover .fst-cat-name{color:#620001}
.popup-content .cats-tree .fst-cat-icon{width:8px;height:9px;margin:10px 5px 0 5px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2O2uEXC4aXXXXXXXX-1770601599.gif) no-repeat center;float:left}
.popup-content .cats-tree .cat-hd-hover .fst-cat-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2O2uEXC4aXXXXXXXX-1770601599.gif) no-repeat center}
.popup-content .cats-tree .snd-pop-inner{background:#FFF;width:190px;border:0;opacity:.95;filter:;border:0;height:auto;padding:0}
.popup-content .cats-tree .snd-pop-inner .fst-cat-bd{border:0}
.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd{min-height:28px;line-height:28px;border-bottom:1px solid #fff}
.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover{background:#620001}
.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-name{width:auto;min-height:28px;text-align:left;overflow:visible;display:inline-block;float:left;color:#620001;font-weight:normal}
.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-name{color:#FFF}
.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd .snd-cat-icon{width:7px;height:6px;margin:11px 5px 0 5px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2O2uEXC4aXXXXXXXX-1770601599.gif) no-repeat center;float:left}
.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-icon{back<a href="/topic/38217">大数据精准营销方案报价</a>ground:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2O2uEXC4aXXXXXXXX-1770601599.gif) no-repeat center}
.menu-popup-cats{border:0}
.popup-content{background:0;width:190px;border:0;opacity:.95;filter:;border:0}
.menu-popup-cats .sub-cat{border:0;width:188px;float:left;background:#620001;border-bottom:1px solid #620001}
.menu-popup-cats .sub-cat-hover{background:#FFF}
.menu-popup-cats .sub-cat a{text-align:left;padding-left:10px;color:#FFF}
.menu-popup-cats .sub-cat-hover a{color:#620001}
.all-cats{ background:none; max-width:none;}
.skin-box-bd .menu-list{ float:left; width:auto; background:none;}
.menu-list .menu{ background:none;}
.skin-box-bd .menu-list .link{ background:none;}
.skin-box-bd .menu-list .menu-selected .link .title{ background:none;}
.skin-box-bd a{ text-decoration:none;}
.popup-content .cats-tree .cat .cat-hd .fst-cat-icon{ position:inherit; top:inherit; right:inherit;}
.popup-content .cats-tree .cat .cat-hd .cat-icon{ display:inline-block;}
.popup-content .cats-tree .fst-cat:hover .fst-cat-hd,
.popup-content .cats-tree .cat-hd-hover .fst-cat-hd{ padding:0;}
.popup-content .cats-tree .cat .cat-hd .fst-cat-icon{ top:auto;}
.all-cats{width:auto;}
.all-cats .link{width:auto;}
.menu-list{ width:auto;}

（四）本粉红色通用淘宝全屏模板下载地址是：

上一篇：粉色可爱淘宝优惠春天新品上架全屏海报图片素
下一篇：波浪花纹黑白简约淘宝全屏店招模板 - 装修教程