淘寶店鋪首頁全屏裝修怎么設置

關注：4 發布時間：2022-05-13 15:12:01

對于店鋪裝修是每個賣家必備的技能，能自己解決不花錢當然是好了，減少店鋪成本花在該花的地方。淘寶店鋪裝修技術還是自己多去學習一些，這邊就來教教大家不花一毛錢就可以跳出淘寶設置的950框架，做全屏的淘寶店鋪首頁裝修。需要一丟丟淘寶裝修代碼知識，要學會套用。 .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;} 確定

這時你會發現導航被隱藏了。

淘寶店鋪首頁全屏裝修

原理：不用買模板也可以的，用代碼編輯單圖全屏模式就可以。

1.首先，當然是把淘寶自帶導航去掉，淘寶導航只支持css代碼)

插入代碼： .skin-box-bd .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;} 確定

這時你會發現導航被隱藏了。

2.接著可以做店招了，淘寶店招只支持950的寬度，全屏顯示是1920，怎么破?原理很簡單，做一個1920的店招，取中間950放自己的內容。然后將1920整張設置為店招背景，再將950的部分裁出來上傳到店招的位置，就把背景重復的覆蓋掉了~

以下圖是950的店招區域：

然后添加1920整張圖片作為背景：

再看一下，兩部分就疊加一起了。

預覽一下~跳出950框架，巧妙1920全屏了。

3.接下來可以開始做產品頁面了，全部做成1920寬度，時間關系，我就以色塊表示，做好之后切片保存為圖像和html格式(因為每個寶貝都要添加鏈接，要用到dw)

然后，到布局管理里面把淘寶的模板刪掉，自己添加一個自定義模塊(一個就行，把圖片全部放進去)。

進入編輯狀態。因為框架是支持950的，所以直接把圖片上傳的話，系統就會自動壓縮成950，而要做1920的就要用到css代碼了。

重要事情說3遍。切了多少張圖片藍色代碼就復制多少次，比如我剛才切3張，就復制3次，然后依次把圖片地址換掉。

比如我改好之后是這樣的，三張圖片就添加好了。

這里的450高度根據自己實際情況改，我這里改成了1500px。

預覽一下，頁頭和頁面都挑出了原有框架。會了這招，就不用花錢買模板了。整個邏輯其實就是添加css代碼，沖出原有固定框架，實現了全屏。

補充：有人問怎么用dw添加連接，補充一下用dw添加鏈接，把圖片都上傳到淘寶圖片空間之后，把源代碼全部復制到dw代碼里面，拆分或者設計，選中圖片，就會出現框選區域的工具，就可以框選區域了，對你的寶貝添加鏈接。鏈接必須是淘寶的鏈接，其他鏈接不會成功。。因為淘寶已經設定了。搞好之后，再把全部代碼復制回到淘寶自定義模塊。就ok了。

淘寶店鋪首頁全屏裝修怎么設置小編就介紹完了，各位賣家快去試試吧！更多淘寶裝修代碼可以在裝修宅在線生成。

淘寶店鋪首頁全屏裝修