教你免費(fèi)裝修全屏淘寶店鋪
135********樓主|2023-04-21|18:29|發(fā)布在分類 / 抖音小店|閱讀:25
135********樓主|2023-04-21|18:29|發(fā)布在分類 / 抖音小店|閱讀:25
今天就教大家不花一毛錢跳出淘寶定的950框架,做淘寶店鋪首頁(yè)的全屏裝飾。
一旦你需要丟掉你的代碼知識(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)品頁(yè)面了,都是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。
重要的事情說三遍。
你剪多少?gòu)垐D片就復(fù)制多少次藍(lán)色代碼。
比如我剛剪了三張圖片,就復(fù)制了三次,然后依次更改圖片地址。
比如我改了之后是這樣的,加了三張圖。
這里450的高度是根據(jù)你的實(shí)際情況改的。
我這里改成了1500px預(yù)覽~ ~,在頁(yè)眉和頁(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)淘寶裝修的一百多種特效。
需要購(gòu)買這款軟件的朋友可以直接去淘寶美工助手官方商店購(gòu)買。
本文《免費(fèi)教你裝修滿屏淘寶店鋪》由賣家信息編輯編輯創(chuàng)作。
轉(zhuǎn)載請(qǐng)注明出處(本文轉(zhuǎn)載于:賣家資訊http://tool.musicheng.com/news/article/248286)
這個(gè)問題還有疑問的話,可以加幕.思.城火星老師免費(fèi)咨詢,微V.信X號(hào)是為: msc496。
微信掃碼回復(fù)「666」