下面要跟大家講解的是PC端和無線端的店鋪首頁裝修技巧，這塊主要是針對活動報名成功以后將活動的氛圍添加安裝到店鋪當(dāng)中去。

首先來看PC端的裝修技巧，要想實現(xiàn)全屏效果的話，首先要在PS軟件中將活動氛圍圖像制作好。以下就以新勢力周服裝素材圖像作為演示：這張圖片的大小為1920*494，我們可以利用第三節(jié)課教的950加上頁面背景的形式去實現(xiàn)全屏效果。當(dāng)我們用多重復(fù)雜背景的時候，用第三節(jié)課講的方法在不同位置、不同背景情況下實現(xiàn)起來比較難。

下面主要講用代碼的形式去擴(kuò)展，首先圖片保存為jpg格式，將品質(zhì)調(diào)大，確定。

要實現(xiàn)全屏的話，圖像要做成1920*494，需要注意的是如果想要圖片的兼容性比較好，想要在所有顯示器上都能看清楚的話，要注意參考線的創(chuàng)建。

首先創(chuàng)建一個1920*494的空白頁面

然后得到一個空白頁面后，新建參考線，垂直方向是485，然后新建第二條1435，確定

那么接下來你的商品和文案就應(yīng)該放在里面，最多不應(yīng)該超多1000像素

在1000像素以內(nèi)，所有的顯示器都能看到，兩邊擴(kuò)展的部分是顯示器分辨率比較高的時候看到的是背景，如果在左圖的時候講商品文案放在了參考線以外，那么在比較小的顯示器里就看不到。

當(dāng)我們設(shè)置好圖片以后回到裝修后臺，如果想要把新勢力周的圖片放在首頁，就需要在自定義區(qū)新建一個950的模塊

然后進(jìn)行編輯，將專業(yè)版要用到的源代碼，ctrl+A鍵全選，復(fù)制粘貼到編輯欄內(nèi)

在這里需要修改的是圖片的高度是494，所以要將源代碼中的470改為494，接著打開圖片空間，隨意選擇一個文件夾，將做好的新勢力周的圖片傳上去，然后點(diǎn)擊中間的復(fù)制鏈接。

提示復(fù)制成功后，回到編輯欄，將圖片地址選中，粘貼為地址。這樣就可以輕松實現(xiàn)在PC端的焦點(diǎn)圖的全屏效果。

接下來講解在無線端如何實現(xiàn)，在店鋪管理頁面里有個手機(jī)淘寶店鋪，點(diǎn)擊立即裝修

進(jìn)入到無線運(yùn)營中心，切換到店鋪裝修

要做無線店鋪焦點(diǎn)圖首先要進(jìn)入店鋪首頁確定在哪個模塊放焦點(diǎn)圖，然后根據(jù)尺寸去做圖片，比如我們要添加一個單列圖片模塊

這正圖片的大小是608*336，我們在photoshop軟件中做好相同大小的圖片后可以上傳到這里，當(dāng)我們上傳焦點(diǎn)圖的時候會有對應(yīng)的鏈接，在這邊的鏈接就是無線端的自定義鏈接，PC端的頁面在無線端是沒有的，需要自己去創(chuàng)建，創(chuàng)建的入口在自定義頁面

點(diǎn)擊進(jìn)來創(chuàng)建新的標(biāo)題新勢力周，然后進(jìn)行編輯，在編輯的時候要對模塊添加焦點(diǎn)圖，這張焦點(diǎn)圖的大小是640*304，所以接下來要做兩張圖，一張是自定義頁面的焦點(diǎn)圖，另一張是首頁布點(diǎn)的圖

首先制作608*336的圖片，直接進(jìn)行剪裁，用尺寸預(yù)設(shè)值進(jìn)行拖動，雙擊確定

然后還需要對其參數(shù)進(jìn)行一個調(diào)整，然后對圖片進(jìn)行存儲。

然后后退一步，繼續(xù)用剪裁工具，依照相同方法剪裁出640*304，保存。

然后回到自定義頁面，想圖片上傳上去后進(jìn)行發(fā)布

然后回到店鋪首頁，將608*336圖片上傳上去后，添加的鏈接就是活動頁的鏈接，

裝修完畢以后要進(jìn)行發(fā)布，這樣的話，買家可以點(diǎn)擊首頁中的新勢力周的圖片進(jìn)入活動的自定義頁面。

當(dāng)我們?nèi)竺臅r候不光要在PC端布點(diǎn)，也要在無線端布點(diǎn)，這樣的話才能使消費(fèi)者在電腦和手機(jī)上都能看到內(nèi)容。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： PC端和無線端的店鋪首頁裝修技巧！