PC端和無(wú)線(xiàn)端的店鋪首頁(yè)怎么裝修效果更好
2023-01-12| 10:27|發(fā)布在分類(lèi)/淘寶知識(shí)|閱讀:58
2023-01-12| 10:27|發(fā)布在分類(lèi)/淘寶知識(shí)|閱讀:58
本文主題淘寶,淘寶首頁(yè),淘寶問(wèn)答。
淘寶店鋪裝修對(duì)于商家來(lái)說(shuō)非常重要,對(duì)商品轉(zhuǎn)化率的提高有顯著的幫助,那么PC端和無(wú)線(xiàn)端的店鋪首頁(yè)怎么裝修效果更好?下面一起來(lái)看下。
首先來(lái)看PC端的裝修技巧,要想實(shí)現(xiàn)全屏效果的話(huà),首先要在PS軟件中將活動(dòng)氛圍圖像制作好。以下就以新勢(shì)力周服裝素材圖像作為演示:這張圖片的大小為1920*494,我們可以利用第三節(jié)課教的950加上頁(yè)面背景的形式去實(shí)現(xiàn)全屏效果。當(dāng)我們用多重復(fù)雜背景的時(shí)候,用第三節(jié)課講的方法在不同位置、不同背景情況下實(shí)現(xiàn)起來(lái)比較難。
下面主要講用代碼的形式去擴(kuò)展,首先圖片保存為jpg格式,將品質(zhì)調(diào)大,確定。
要實(shí)現(xiàn)全屏的話(huà),圖像要做成1920*494,需要注意的是如果想要圖片的兼容性比較好,想要在所有顯示器上都能看清楚的話(huà),要注意參考線(xiàn)的創(chuàng)建。
首先創(chuàng)建一個(gè)1920*494的空白頁(yè)面
然后得到一個(gè)空白頁(yè)面后,新建參考線(xiàn),垂直方向是485,然后新建第二條1435,確定
那么接下來(lái)你的商品和文案就應(yīng)該放在里面,最多不應(yīng)該超多1000像素
在1000像素以?xún)?nèi),所有的顯示器都能看到,兩邊擴(kuò)展的部分是顯示器分辨率比較高的時(shí)候看到的是背景,如果在左圖的時(shí)候講商品文案放在了參考線(xiàn)以外,那么在比較小的顯示器里就看不到。
當(dāng)我們?cè)O(shè)置好圖片以后回到裝修后臺(tái),如果想要把新勢(shì)力周的圖片放在首頁(yè),就需要在自定義區(qū)新建一個(gè)950的模塊
然后進(jìn)行編輯,將專(zhuān)業(yè)版要用到的源代碼,ctrl+A鍵全選,復(fù)制粘貼到編輯欄內(nèi)
在這里需要修改的是圖片的高度是494,所以要將源代碼中的470改為494,接著打開(kāi)圖片空間,隨意選擇一個(gè)文件夾,將做好的新勢(shì)力周的圖片傳上去,然后點(diǎn)擊中間的復(fù)制鏈接。更多電商資訊可以關(guān)注www.53shop.com
提示復(fù)制成功后,回到編輯欄,將圖片地址選中,粘貼為地址。這樣就可以輕松實(shí)現(xiàn)在PC端的焦點(diǎn)圖的全屏效果。
接下來(lái)講解在無(wú)線(xiàn)端如何實(shí)現(xiàn),在店鋪管理頁(yè)面里有個(gè)手機(jī)淘寶店鋪,點(diǎn)擊立即裝修
進(jìn)入到無(wú)線(xiàn)運(yùn)營(yíng)中心,切換到店鋪裝修
要做無(wú)線(xiàn)店鋪焦點(diǎn)圖首先要進(jìn)入店鋪首頁(yè)確定在哪個(gè)模塊放焦點(diǎn)圖,然后根據(jù)尺寸去做圖片,比如我們要添加一個(gè)單列圖片模塊
這正圖片的大小是608*336,我們?cè)趐hotoshop軟件中做好相同大小的圖片后可以上傳到這里,當(dāng)我們上傳焦點(diǎn)圖的時(shí)候會(huì)有對(duì)應(yīng)的鏈接,在這邊的鏈接就是無(wú)線(xiàn)端的自定義鏈接,PC端的頁(yè)面在無(wú)線(xiàn)端是沒(méi)有的,需要自己去創(chuàng)建,創(chuàng)建的入口在自定義頁(yè)面
點(diǎn)擊進(jìn)來(lái)創(chuàng)建新的標(biāo)題新勢(shì)力周,然后進(jìn)行編輯,在編輯的時(shí)候要對(duì)模塊添加焦點(diǎn)圖,這張焦點(diǎn)圖的大小是640*304,所以接下來(lái)要做兩張圖,一張是自定義頁(yè)面的焦點(diǎn)圖,另一張是首頁(yè)布點(diǎn)的圖
首先制作608*336的圖片,直接進(jìn)行剪裁,用尺寸預(yù)設(shè)值進(jìn)行拖動(dòng),雙擊確定
然后還需要對(duì)其參數(shù)進(jìn)行一個(gè)調(diào)整,然后對(duì)圖片進(jìn)行存儲(chǔ)。
然后后退一步,繼續(xù)用剪裁工具,依照相同方法剪裁出640*304,保存。
然后回到自定義頁(yè)面,想圖片上傳上去后進(jìn)行發(fā)布
然后回到店鋪首頁(yè),將608*336圖片上傳上去后,添加的鏈接就是活動(dòng)頁(yè)的鏈接,
裝修完畢以后要進(jìn)行發(fā)布,這樣的話(huà),買(mǎi)家可以點(diǎn)擊首頁(yè)中的新勢(shì)力周的圖片進(jìn)入活動(dòng)的自定義頁(yè)面。
當(dāng)我們?nèi)?bào)名的時(shí)候不光要在PC端布點(diǎn),也要在無(wú)線(xiàn)端布點(diǎn),這樣的話(huà)才能使消費(fèi)者在電腦和手機(jī)上都能看到內(nèi)容。
以上就是淘寶PC端和無(wú)線(xiàn)端的店鋪首頁(yè)裝修技巧的相關(guān)內(nèi)容,小編就介紹到這了,希望對(duì)大家有所幫助。
幕思城為您更新最近最有用的電商資訊、電商規(guī)則淘寶,淘寶首頁(yè)淘寶問(wèn)答。了解更多電商資訊、行業(yè)動(dòng)向,記得關(guān)注幕思城!
這個(gè)問(wèn)題還有疑問(wèn)的話(huà),可以加幕.思.城火星老師免費(fèi)咨詢(xún),微.信號(hào)是為: msc496。