教你免費(fèi)裝修全屏淘寶店鋪

2023-01-22|13:13|發(fā)布在分類 / 經(jīng)驗(yàn)分享| 閱讀：78

今天就教大家不花一毛錢跳出淘寶定的950框架，做淘寶店鋪首頁的全屏裝飾。

一旦你需要丟掉你的代碼知識(shí)，學(xué)會(huì)應(yīng)用它。

原理:不用買模板。

可以用代碼編輯單圖全屏模式。

1.首先當(dāng)然是去掉淘寶自帶導(dǎo)航。

淘寶導(dǎo)航只支持CSS代碼。

)插入代碼:. skinbox BD . menu list { display:none；}.allcats{display:無；}.skinboxbd {背景:無；}點(diǎn)擊確定然后你會(huì)發(fā)現(xiàn)導(dǎo)航被隱藏。

2.接下來就可以做店招了。

店招只支持950寬度，全屏顯示1920。

怎么破？

原理很簡(jiǎn)單。

做一個(gè)1920的店招，拿中間的950，放自己的內(nèi)容。

然后設(shè)置1920整張圖片為店招背景，剪切掉950部分上傳到店招位置，背景會(huì)被反復(fù)覆蓋~ ~下圖為950店招區(qū)域:然后添加1920整張圖片為背景:再看一眼，兩部分疊加在一起~預(yù)覽一下~跳出950的框架，巧妙的1920全面屏3。

接下來就可以開始做產(chǎn)品頁面了，都是1990年的。

我會(huì)把它顯示為色塊，然后保存為圖片和HTML格式(因?yàn)槊總€(gè)寶貝都要添加鏈接，使用DW)。

然后，我在版面管理里刪除淘寶的模板，添加一個(gè)自定義模塊(就一個(gè)，把所有圖片都放進(jìn)去)進(jìn)入編輯狀態(tài)。

因?yàn)榭蚣苤С?50，如果直接上傳圖片，系統(tǒng)會(huì)自動(dòng)壓縮成950，用css代碼做成1920。

重要的事情說三遍。

你剪多少張圖片就復(fù)制多少次藍(lán)色代碼。

比如我剛剪了三張圖片，就復(fù)制了三次，然后依次更改圖片地址。

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

這里450的高度是根據(jù)你的實(shí)際情況改的。

我這里改成了1500px預(yù)覽~ ~，在頁眉和頁面里挑出了原圖框。

知道這一招，就不用花錢買模板了。

整個(gè)邏輯其實(shí)就是添加CSS代碼，突破原來的固定框架~實(shí)現(xiàn)全屏。

補(bǔ)充:有人問怎么用DW添加鏈接？

用DW添加鏈接。

將所有圖片上傳到淘寶圖片空間后，將所有源代碼復(fù)制成DW代碼，點(diǎn)擊拆分或設(shè)計(jì)，點(diǎn)擊選擇圖片，就會(huì)出現(xiàn)選擇區(qū)域的工具。

您可以選擇區(qū)域并為您的寶寶添加鏈接。

鏈接必須是淘寶鏈接，其他鏈接不會(huì)成功。

因?yàn)樘詫氁呀?jīng)設(shè)置好了。

做好之后，把代碼全部復(fù)制回淘寶自定義模塊。

沒關(guān)系。

最后，如果你覺得麻煩，當(dāng)然還有更簡(jiǎn)單的方法，就是使用淘寶美工助手代碼生成器，不需要以上復(fù)雜的流程。

直接輸入圖片地址，不僅可以生成全屏代碼，還可以消除模塊間的縫隙。

復(fù)制粘貼很方便。

同時(shí)，該軟件還可以實(shí)現(xiàn)淘寶裝修的一百多種特效。

需要購買這款軟件的朋友可以直接去助手官方商店購買。

本文《免費(fèi)教你裝修滿屏淘寶店鋪》由賣家信息編輯編輯創(chuàng)作。

轉(zhuǎn)載請(qǐng)注明出處(本文轉(zhuǎn)載于:賣家資訊http://tool.musicheng.com/news/article/248286)

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號(hào)是為: msc496。