淘寶店鋪首頁全屏裝修怎么設(shè)置?
132****0025樓主|2022-06-23|10:52|發(fā)布在分類 / 店鋪管理|閱讀:853
132****0025樓主|2022-06-23|10:52|發(fā)布在分類 / 店鋪管理|閱讀:853
淘寶店鋪首頁全屏裝修怎么設(shè)置?
很多賣家想將淘寶店鋪首頁裝修成全屏店招顯得更加美觀大氣。
那么淘寶店鋪首頁全屏裝修怎么設(shè)置?
小編今天教大家用淘寶裝修代碼把店鋪裝修成全屏。
對于店鋪裝修是每個賣家必備的技能,能自己解決不花錢當(dāng)然是好了,減少店鋪成本花在該花的地方。
淘寶店鋪裝修技術(shù)還是自己多去學(xué)習(xí)一些,這邊就來教教大家不花一毛錢就可以跳出淘寶設(shè)置的950框架,做全屏的淘寶店鋪首頁裝修。
需要一丟丟淘寶裝修代碼知識,要學(xué)會套用。
原理:不用買模板也可以的,用代碼編輯 單圖全屏模式就可以。
1.首先,當(dāng)然是把淘寶自帶導(dǎo)航去掉,淘寶導(dǎo)航只支持CSS代碼)插入代碼: .skin-box-bd .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;} 點擊確定這時你會發(fā)現(xiàn)導(dǎo)航被隱藏了。
2.接著可以做店招了,淘寶店招只支持950的寬度,全屏顯示是1920,怎么破?
原理很簡單,做一個1920的店招,取中間950放自己的內(nèi)容。
然后將1920整張設(shè)置為店招背景,再將950的部分裁出來上傳到店招的位置,就把背景重復(fù)的覆蓋掉了~以下圖是950的店招區(qū)域:然后添加1920整張圖片作為背景:再看一下,兩部分就疊加一起了。
預(yù)覽一下~跳出950框架,巧妙1920全屏了。
3.接下來可以開始做產(chǎn)品頁面了,全部做成1920寬度,時間關(guān)系,我就以色塊表示,做好之后切片保存為圖像和HTML格式(因為每個寶貝都要添加鏈接,要用到DW)然后,到布局管理里面把淘寶的模板刪掉,自己添加一個自定義模塊(一個就行,把圖片全部放進去)。
進入編輯狀態(tài)。
因為框架是支持950的,所以直接把圖片上傳的話,系統(tǒng)就會自動壓縮成950,而要做1920的就要用到css代碼了。
重要事情說3遍。
切了多少張圖片藍色代碼就復(fù)制多少次,比如我剛才切3張,就復(fù)制3次,然后依次把圖片地址換掉。
比如我改好之后是這樣的,三張圖片就添加好了。
這里的450高度根據(jù)自己實際情況改,我這里改成了1500px。
預(yù)覽一下,頁頭和頁面都挑出了原有框架。
會了這招,就不用花錢買模板了。
整個邏輯其實就是添加CSS代碼,沖出原有固定框架,實現(xiàn)了全屏。
補充:有人問怎么用DW添加連接,補充一下用DW添加鏈接,把圖片都上傳到淘寶圖片空間之后,把源代碼全部復(fù)制到DW代碼里面,點擊拆分或者設(shè)計,點擊選中圖片,就會出現(xiàn)框選區(qū)域的工具,就可以框選區(qū)域了,對你的寶貝添加鏈接。
鏈接必須是淘寶的鏈接,其他鏈接不會成功。
因為淘寶已經(jīng)設(shè)定了。
搞好之后,再把全部代碼復(fù)制回到淘寶自定義模塊。
就ok了。
淘寶店鋪首頁全屏裝修怎么設(shè)置小編就介紹完了,各位賣家快去試試吧!更多淘寶裝修代碼可以在在線生成。
這個問題還有疑問的話,可以加幕.思.城火星老師免費咨詢,微V.信X號是為: msc496。
推薦閱讀:
微信掃碼回復(fù)「666」