今天裝修宅做一個適用于旺鋪專業版的全屏通欄店招制作教程。旺鋪專業版制作通欄店招并不難,相信大家都會,但如果要制作一個帶導航欄的通欄店招(也就是把導航欄做成了圖片),那可能有些朋友就不會了。
用旺鋪專業版的應該都知道,模板自帶的導航是不可刪除的,根本沒有刪除的按鈕。但問題總有解決的辦法,這也不例外。淘寶建議店招高度是120px,超過120的話,導航顯示可能異常,那到底會有什么異常呢?其實就是會把導航擠下去,如果你的店招高度是150px,那導航就完全不見了,為什么?因為淘寶在店招和導航設置了“max-height: 150px;overflow: hidden;”,意思就是店招和導航的最大高度是150px,如果高出150px,多出來的部分將會自動隱藏。所以要想刪除模板自帶的導航,只需要把你的店招高度設置為150px即可。
好了,說完如何刪除模板自帶的導航,下面就正式開始進入教程。本教程只有兩步,只要兩步即可實現旺鋪專業版全屏通欄店招,而且你不用打開任何軟件,更不需要切圖。
第一步、進入旺鋪專業版店鋪裝修頁面,雙擊“店鋪招牌”模塊,招牌類型選擇“自定義招牌”,高度輸入150,點擊自定義內容區的“源碼”
輸入以下代碼,點擊保存
- <img src="http://img03.taobaocdn.com/imgextra/i3/128680804/T2YC_FXbJaXXXXXXXX_!!128680804.jpg" usemap="#dianzhao" />
- <map name="dianzhao">
- <area coords="0,110,102,150" href="#" shape="rect" />
- <area coords="102,110,215,150" href="#" shape="rect" />
- <area coords="102,110,328,150" href="#" shape="rect" />
- <area coords="102,110,440,150" href="#" shape="rect" />
- <area coords="102,110,554,150" href="#" shape="rect" />
- <area coords="102,110,666,150" href="#" shape="rect" />
- <area coords="102,110,780,150" href="#" shape="rect" />
- <area coords="102,110,950,150" href="#" shape="rect" />
- </map>
請把圖片地址改成自己的地址,這里我采用的是MAP標簽制作店招導航區鏈接,如果不會使用MAP標簽,請看此教程:如何在圖片上添加熱點超鏈接
第二步、點擊“裝修”菜單下的“樣式編輯”,再點擊“背景設置”,選擇你的頁頭背景圖,橫向平鋪,居中對齊,最后保存即可。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 淘寶旺鋪專業版全屏通欄店招制作教程