快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 淘寶店鋪基礎(chǔ)版全屏店招代碼

淘寶店鋪基礎(chǔ)版全屏店招代碼

放大字體  縮小字體 發(fā)布日期:2024-12-19 06:51:43  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):133

專業(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ǔ)版全屏店招代碼

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶網(wǎng)店寶貝詳情頁的編輯“神筆” 如何運用圖片輪播功能動態(tài)展示天貓商品?
去空白間隙全屏裝修代碼分享 淘寶天貓開店裝修如何添加促銷特價模板
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點擊排行
 
手機版 手機掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net