今天裝修宅做一個適用于旺鋪專業(yè)版的全屏通欄店招制作教程。旺鋪專業(yè)版制作通欄店招并不難,相信大家都會,但如果要制作一個帶導(dǎo)航欄的通欄店招(也就是把導(dǎo)航欄做成了圖片),那可能有些朋友就不會了。
用旺鋪專業(yè)版的應(yīng)該都知道,模板自帶的導(dǎo)航是不可刪除的,根本沒有刪除的按鈕。但問題總有解決的辦法,這也不例外。淘寶建議店招高度是120px,超過120的話,導(dǎo)航顯示可能異常,那到底會有什么異常呢?其實就是會把導(dǎo)航擠下去,如果你的店招高度是150px,那導(dǎo)航就完全不見了,為什么?因為淘寶在店招和導(dǎo)航設(shè)置了“max-height: 150px;overflow: hidden;”,意思就是店招和導(dǎo)航的最大高度是150px,如果高出150px,多出來的部分將會自動隱藏。所以要想刪除模板自帶的導(dǎo)航,只需要把你的店招高度設(shè)置為150px即可。
好了,說完如何刪除模板自帶的導(dǎo)航,下面就正式開始進入教程。本教程只有兩步,只要兩步即可實現(xiàn)旺鋪專業(yè)版全屏通欄店招,而且你不用打開任何軟件,更不需要切圖。
第一步、進入旺鋪專業(yè)版店鋪裝修頁面,雙擊“店鋪招牌”模塊,招牌類型選擇“自定義招牌”,高度輸入150,點擊自定義內(nèi)容區(qū)的“源碼”
輸入以下代碼,點擊保存
- <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標(biāo)簽制作店招導(dǎo)航區(qū)鏈接,如果不會使用MAP標(biāo)簽,請看此教程:如何在圖片上添加熱點超鏈接
第二步、點擊“裝修”菜單下的“樣式編輯”,再點擊“背景設(shè)置”,選擇你的頁頭背景圖,橫向平鋪,居中對齊,最后保存即可。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: 淘寶旺鋪專業(yè)版全屏通欄店招制作教程