專業版旺鋪可以實現全屏的店招非常簡單,但是基礎版旺鋪要實現全屏店招有很多方法,今天就講一個大家比較常用的實現全屏的方法。
本教程有文字+視頻,最后還附帶了代碼。
第一步、店招和導航的安裝
第一步:圖片制作,首先需要設計一張1920寬160高的圖片,如下圖:
然后我們進行切片,把整張圖片分割成三塊,如下所示:
切出來之后是這樣滴:
①店招
②導航條
③全屏背景
然后把這三張圖片上傳到自己的圖片空間,這樣就完成了第一步,前期的準備工作。
這里可能很多人會問,為什么要把背景做成160高度的呢?
答:淘寶在導航條設定了10個像素的間隙,理論上基礎版店鋪是無法去除這個間隙的,所以我們把店招 背景做成160.來解決這個問題。
第二步、 更改默認模板設置(關鍵的一步)
相信很多人都有給店鋪設置背景的代碼,但是卻不能在自己的店鋪成功實現全屏店招,根本原因就是忽略了這一步。
其實很簡單。
首先進入店鋪裝修頁面,直接參考圖片中的①②③步,照做就可以了。
第三步、要實現全屏店招
這里就是我們最最想要的一步了!!!
其實很簡單,只需要把下面的代碼復制到導航條里面就可以了
body{background-image:url(括號里面替換成你自己的全屏店招背景圖片地址);background-repeat:no-repeat;background-position:center 110px;background-attachment:scroll;}
納尼,導航條什么地方可以放代碼了?
哈哈,小白了吧,看這里
大功告成,快行動起來看看效果吧!!
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 淘寶店鋪基礎版全屏店招代碼