幕思城>電商問(wèn)答>流量轉(zhuǎn)化>淘寶首頁(yè)交替背景怎么做?

    淘寶首頁(yè)交替背景怎么做?

    64期cherry樓主|2022-05-26|10:49|發(fā)布在分類 / 流量轉(zhuǎn)化|閱讀:104

    有很多賣家朋友想要在店鋪首頁(yè)實(shí)現(xiàn)鼠標(biāo)滑動(dòng),但是背景固定的效果,但是找不到該怎么操作?

    怎么使用不同模塊上設(shè)置不同頁(yè)面背景并鎖定的效果?

    為此幕思城小編專門去請(qǐng)教了大神,下面一起去看看吧!主要是利用到自由布局工具模塊背景及任意圖組件實(shí)現(xiàn)多層固定背景視覺差效果案例,圖片樣式自由設(shè)計(jì),設(shè)計(jì)好在軟件里布局你要位置即可,背景尺寸建議:1920x1080px,高度要1080以上,如果高度矮了在滑動(dòng)的時(shí)候上下會(huì)直接顯示店鋪背景色,導(dǎo)致顯示不協(xié)調(diào)情況,具體請(qǐng)看我下面的操作演示~D2這個(gè)效果就一個(gè)操作:添加完組件生成淘寶裝修代碼的時(shí)候選背景固定溫馨提示:阿里巴巴單張圖片不要超過(guò)2M,高度寬度不要超1920px,超了上傳圖片空間會(huì)壓縮,導(dǎo)致圖片變小,這個(gè)問(wèn)題比較常見,大家注意一下哦~如果要做png透明圖或GIF動(dòng)態(tài)圖請(qǐng)上傳淘寶圖片空間按鍵盤上alt+方向鍵可以微移組件位置~任意圖鼠標(biāo)右鍵可鎖定畫多熱區(qū)操作完記得右上角備份一下操作記錄哦,下次可以導(dǎo)入再次編輯怎么把淘寶首頁(yè)背景圖固定?

    具體方法如下。

    準(zhǔn)備好一張像素1920*1080背景圖片。

    打開淘寶圖片空間>指定好文件夾>點(diǎn)擊上傳圖片>在彈出新窗口點(diǎn)擊上傳>選擇已經(jīng)準(zhǔn)備好的背景圖點(diǎn)擊打開完成上傳。

    點(diǎn)擊背景圖中的鏈接標(biāo)志,就可以復(fù)制成功。

    進(jìn)入店鋪裝修>在導(dǎo)航欄上點(diǎn)擊編輯,進(jìn)入后要用的代碼全部復(fù)制body{background-image:url(圖片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}選擇顯設(shè)置>>粘貼代碼>>到空間復(fù)制鏈接>>覆蓋圖片地址點(diǎn)擊確定完成。

    預(yù)覽看下效果,滿意了就點(diǎn)擊發(fā)布。

    好了,自由布局工具模塊背景及任意圖組件實(shí)現(xiàn)多層固定背景實(shí)現(xiàn)方法就介紹到這里,喜歡的賣家朋友們可以動(dòng)手試一試,或許在你的下一個(gè)設(shè)計(jì)項(xiàng)目上嘗試使用。

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

    淘寶店運(yùn)營(yíng)問(wèn)題沒解決?沒思路?想系統(tǒng)學(xué)習(xí)? 馬上點(diǎn)這里加火星老師微信【無(wú)償贈(zèng)送5.5G運(yùn)營(yíng)禮包、電商軟件VIP賬號(hào)、內(nèi)部課程等資源】
    >
    發(fā)表評(píng)論

      微信掃碼回復(fù)「666