咨询邮箱：
350分享-大气淘宝店招模板代码
发表日期：2016-12-08 10:04 文章编辑：350模板官网小编 浏览次数：
350分享-大气淘宝店招模板代码，350小编今天收集到一个店招模板手动安装教程和代码 分享给大家。
分享一份尺寸为1440x150的唯美通用五一劳动节淘宝店招模板，模板通用，大部分淘宝店铺均可以使用。店招含收藏本店、分享、关注和购物车功能。
模板含店招主图、店招左右页头背景图和店招代码。
（一）店招模板分通用版和原版
（1）通用版：
为方便什么都不懂的朋友使用，提供了一份通用版的店招模板。不用修改图片，简单替换一下代码中的shopid即可立即使用。
（2）原版：
如果你懂ps，在基础版上，自己手动在店招主图写上自己的店铺名称、宣传口号后，替换店招代码中的图片地址。
（二）基础版店铺使用本模板说明
如果亲店铺是基础版的，不能安装店招左右两侧的背景图，就没法实现全屏效果，大家不安装这个背景图即可。
（三）淘宝店招模板装修模板效果预览（通用版）
（1）本淘宝装修模板安装截图如下：
店招效果：51劳动节大放价，全场狂降仅此一天。背景唯美。
（四）模板分享说明
本店招模板最好淘宝旺铺专业版可以使用该模板，即新开店信誉小于1钻的朋友可以直接使用。信誉高于等于1钻的，需去淘宝升级您的店铺版本为专业版才能使用。
基础版的店铺，因为淘宝限制，不能设置页头背景图，不能实现全屏的效果。
本淘宝装修模板代码鱼摆摆已经搬家了，大家可以直接安装使用，不再需要搬家了。
（五）通用版安装说明----新手店铺看这里
（1）背景设置（基础版的店铺跳过这一步）
左上角“装修”-“模板管理”-“系统模板”选择【简约时尚官方模板】
如果选错系统基础模板了，你的淘宝店铺装修出来可能会和鱼摆摆的效果图不一样哦。选择后记得要点应用。
(b)颜色样式可选择黑白色:
左上角“装修”——“样式管理”--“样式编辑”-“选择配色”，设置配色为“黑白色”。
(c)页头背景：
页头背景图，在下面下载的rar压缩包里有。
左上角“装修”_“样式管理”——"背景设置"——“页头设置”（如果没有看到平铺等设置，需先上传页头背景图片）
上传或者替换页头背景图，并设置为：不平铺+居中对齐
页头背景色颜色：【不勾选】
页头下边距10像素：关闭
设置完成后记得点保存
（2）安装店招代码
店招中含收藏本店、分享、关注和购物车功能。安装代码前，先替换一下演示代码中的shopid
代码中需先将数字57988233替换为自己的shopid。
代码中，直接查找搜索“57988233”这个数字，并替换为亲店铺自己的店铺id（shopid）。所有的 “57988233”均需要修改替换哦。这样就批量修改好了代码中的分享、购物车、关注、收藏本店的链接。
代码如下：
<div style="height:150px"><img src="http://img04.taobaocdn.com/imgextra/i4/60358248/TB2xM.McpXXXXX7XXXXXXXXXXXX-60358248.jpg" _fcksavedurl="http://img04.taobaocdn.com/imgextra/i4/60358248/TB2xM.McpXXXXX7XXXXXXXXXXXX-60358248.jpg" style="height:150px" usemap="#swhjMap" /><map name="swhjMap" id="swhjMap"><area shape="rect" coords="829,18,894,36" href="http://favorite.taobao.com/popup/add_collection.htm?itemtype=0&id=57988233" _fcksavedurl="http://favorite.taobao.com/popup/add_collection.htm?itemtype=0&id=57988233" target="_blank" class="shoucang"/><area shape="rect" coords="829,42,894,60" href="http://share.jianghu.taobao.com/share/addShare.htm?type=10&id=57988233" _fcksavedurl="http://share.jianghu.taobao.com/share/addShare.htm?type=10&id=57988233" target="_blank" class="fenxiang"/><area shape="rect" coords="829,65,894,83" href="http://shuo.taobao.com/shop57988233" _fcksavedurl="http://shuo.taobao.com/shop57988233" target="_blank" class="guanzhu"/><area shape="rect" coords="829,89,894,107" href="http://cart.taobao.com/my_cart.htm" _fcksavedurl="http://cart.taobao.com/my_cart.htm" target="_blank" class="gouwuche"/></map></div>
（六）原版店招使用说明
原版适合懂ps或者其他图片处理软件基础的老手使用。
（1）将店招主图，用ps、fireworks或者美图秀秀、光影魔术手等图片处理软件，在店招加上店铺名称、宣传口号，然后上传到淘宝图片空间里，然后将代码中的“替换本汉字为店招主图的图片地址”这个汉字替换为店招图片地址
（3）修改店铺shopid
代码中，直接查找搜索“57988233”这个数字，并替换为亲店铺自己的店铺id（shopid）。所有的 “57988233”均需要修改替换哦。这样就批量修改好了代码中的分享、购物车、关注、收藏本店的链接。
说明：如果亲不知道自己店铺id的shopid是多少，请看教程：教你如何获取淘宝店铺shopid与如何更改淘宝店铺域名
（4）上传设置店招左右两侧背景图（页头背景图），设置为：不平铺+居中对齐
本店招，建议选择系统配色为“黑白色”，这样导航条颜色和店招左右背景底部的背景色一致，有全屏的效果。
（5）安装店招代码
标签：
如没特殊注明，文章均为350模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/614.html