返回列表

作者:巨人電商

淘寶旺鋪專業(yè)版全屏通欄店招制作教程

POST TIME:2020-10-24

今天裝修宅做一個(gè)適用于旺鋪專業(yè)版的全屏通欄店招制作教程。旺鋪專業(yè)版制作通欄店招并不難,相信大家都會,但如果要制作一個(gè)帶導(dǎo)航欄的通欄店招(也就是把導(dǎo)航欄做成了圖片),那可能有些朋友就不會了。 用旺鋪專業(yè)版的應(yīng)該都知道,模板自帶的導(dǎo)航是不可刪除的,根本沒有刪除的按鈕。但問題總有解決的辦法,這也不例外。淘寶建議店招高度是120px,超過120的話,導(dǎo)航顯示可能異常,那到底會有什么異常呢?其實(shí)就是會把導(dǎo)航擠下去,如果你的店招高度是150px,那導(dǎo)航就完全不見了,為什么?因?yàn)樘詫氃诘暾泻蛯?dǎo)航設(shè)置了“max-height: 150px;overflow: hidden;”,意思就是店招和導(dǎo)航的最大高度是150px,如果高出150px,多出來的部分將會自動(dòng)隱藏。所以要想刪除模板自帶的導(dǎo)航,只需要把你的店招高度設(shè)置為150px即可。 好了,說完如何刪除模板自帶的導(dǎo)航,下面就正式開始進(jìn)入教程。本教程只有兩步,只要兩步即可實(shí)現(xiàn)旺鋪專業(yè)版全屏通欄店招,而且你不用打開任何軟件,更不需要切圖。 第一步、進(jìn)入旺鋪專業(yè)版店鋪裝修頁面,雙擊“店鋪招牌”模塊,招牌類型選擇“自定義招牌”,高度輸入150,點(diǎn)擊自定義內(nèi)容區(qū)的“源碼”

輸入以下代碼,點(diǎn)擊保存

  1.         
  2.             
  3.         
  4.         
  5.         
  6.         
  7.         
  8.         
  9.         
  10.      
復(fù)制代碼

請把圖片地址改成自己的地址,這里我采用的是MAP標(biāo)簽制作店招導(dǎo)航區(qū)鏈接,如果不會使用MAP標(biāo)簽,請看此教程:如何在圖片上添加熱點(diǎn)超鏈接 第二步、點(diǎn)擊“裝修”菜單下的“樣式編輯”,再點(diǎn)擊“背景設(shè)置”,選擇你的頁頭背景圖,橫向平鋪,居中對齊,最后保存即可。