專業(yè)版旺鋪可以實(shí)現(xiàn)全屏的店招非常簡單，但是基礎(chǔ)版旺鋪要實(shí)現(xiàn)全屏店招有很多方法，今天就講一個(gè)大家比較常用的實(shí)現(xiàn)全屏的方法。

本教程有文字+視頻，最后還附帶了代碼。

第一步、店招和導(dǎo)航的安裝

第一步：圖片制作，首先需要設(shè)計(jì)一張1920寬160高的圖片，如下圖：

然后我們進(jìn)行切片，把整張圖片分割成三塊，如下所示：

切出來之后是這樣滴：

①店招

②導(dǎo)航條

③全屏背景

然后把這三張圖片上傳到自己的圖片空間，這樣就完成了第一步，前期的準(zhǔn)備工作。

這里可能很多人會問，為什么要把背景做成160高度的呢?

答：淘寶在導(dǎo)航條設(shè)定了10個(gè)像素的間隙，理論上基礎(chǔ)版店鋪是無法去除這個(gè)間隙的，所以我們把店招 背景做成160.來解決這個(gè)問題。

第二步、 更改默認(rèn)模板設(shè)置(關(guān)鍵的一步)

相信很多人都有給店鋪設(shè)置背景的代碼，但是卻不能在自己的店鋪成功實(shí)現(xiàn)全屏店招，根本原因就是忽略了這一步。

其實(shí)很簡單。

首先進(jìn)入店鋪裝修頁面，直接參考圖片中的①②③步，照做就可以了。

第三步、要實(shí)現(xiàn)全屏店招

這里就是我們最最想要的一步了!!!

其實(shí)很簡單，只需要把下面的代碼復(fù)制到導(dǎo)航條里面就可以了

body{background-image:url(括號里面替換成你自己的全屏店招背景圖片地址);background-repeat:no-repeat;background-position:center 110px;background-attachment:scroll;}

納尼，導(dǎo)航條什么地方可以放代碼了?

哈哈，小白了吧，看這里

大功告成，快行動起來看看效果吧!!

快消品貨源網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(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ǔ)版全屏店招代碼