專業(yè)版旺鋪可以實現(xiàn)全屏的店招非常簡單,但是基礎(chǔ)版旺鋪要實現(xiàn)全屏店招有很多方法,今天就講一個大家比較常用的實現(xiàn)全屏的方法。
本教程有文字+視頻,最后還附帶了代碼。
第一步、店招和導(dǎo)航的安裝
第一步:圖片制作,首先需要設(shè)計一張1920寬160高的圖片,如下圖:
然后我們進行切片,把整張圖片分割成三塊,如下所示:
切出來之后是這樣滴:
①店招
②導(dǎo)航條
③全屏背景
然后把這三張圖片上傳到自己的圖片空間,這樣就完成了第一步,前期的準(zhǔn)備工作。
這里可能很多人會問,為什么要把背景做成160高度的呢?
答:淘寶在導(dǎo)航條設(shè)定了10個像素的間隙,理論上基礎(chǔ)版店鋪是無法去除這個間隙的,所以我們把店招 背景做成160.來解決這個問題。
第二步、 更改默認(rèn)模板設(shè)置(關(guān)鍵的一步)
相信很多人都有給店鋪設(shè)置背景的代碼,但是卻不能在自己的店鋪成功實現(xiàn)全屏店招,根本原因就是忽略了這一步。
其實很簡單。
首先進入店鋪裝修頁面,直接參考圖片中的①②③步,照做就可以了。
第三步、要實現(xiàn)全屏店招
這里就是我們最最想要的一步了!!!
其實很簡單,只需要把下面的代碼復(fù)制到導(dǎo)航條里面就可以了
body{background-image:url(括號里面替換成你自己的全屏店招背景圖片地址);background-repeat:no-repeat;background-position:center 110px;background-attachment:scroll;}
納尼,導(dǎo)航條什么地方可以放代碼了?
哈哈,小白了吧,看這里
大功告成,快行動起來看看效果吧!!
樂發(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ī)則
本文來源: 淘寶店鋪基礎(chǔ)版全屏店招代碼