[即將推出] 上傳手機版圖片

SHOPLINE_____.jpg

想用美美的橫幅去吸引顧客,但橫幅在手機上顯示太小了?

不用苦惱!現在新增上傳手機版圖片的功能,能讓你客製在手機上顯示的圖片尺寸。增加美觀及清晰度,大大吸引顧客點擊橫幅,以提升手機用戶的流量。

 

此文章將簡介:

 

一、先預備電腦版和手機版的圖片

電腦版圖片建議規格可按這裡閱讀文章

手機版圖片建議如下:

  • 若想呈現全屏圖,營造佈滿屏幕的衝擊感,建議圖片比例為 16:9, 尺寸為 1080px (寬) x 1920px (長)
  • 若想引導顧客繼續往下瀏覽,建議圖片比例為 4:3,尺寸為 1080px(寬) x 1440px (長)

 

二、上傳圖片

1. 新增圖片

進入進階分頁後,拖拉圖片元件,上傳電腦版圖片(可選擇多張)

 image_widget_1.png

 

2. 在手機版點擊按鈕上傳圖片

編輯原有圖片流程同樣,在已上傳好的電腦版圖片旁將會是手機版會顯示的圖片。

點擊按鈕上傳手機版尺寸的圖片,就會覆蓋到原本的橫圖。

image_widget_2.png

 

3. 圖片連結和圖片 ALT屬性

可點擊「展開」圖標,輸入連結和圖片 ALT屬性

 

4. 注意事項

請注意:如果有使用自訂CSS 更改商店設計的商店,請在開啟功能時重新檢視 CSS 設定。

 

三、更換圖片

若想要更換已上傳的圖片,可在該圖片上點擊上傳按鈕,上傳圖片便可。

可以分別更換電腦版或手機版圖片。

image_widget_3.png

 

四、刪除圖片

若不滿意已上傳圖片,可以點擊圖片上的刪除按鈕。假如刪除的是手機版圖片,刪除後手機版將會自動套用電腦版的圖片。

image_widget_4.png

 

五、拖拉改動圖片輪播順序

若上傳了多張圖片,會以輪播的方式顯示。拖拉個圖片區塊左上角的十字圖標,即可改變圖片輪播順序。最上的為第一張顯示。

image_widget_5.png

 

六、網店顯示效果

以下是分別上傳電腦版和手機版圖片在網店上呈現的效果

image_widget_desktop.gif 

 image_widget_mobile.gif

 

還有其他問題?提交請求

評論