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.daartisan.cn//zxzs/614.html