圖片

顯示含標題、說明與連結的橫幅或促銷圖片。

參考資料所有方案 1 分鐘閱讀

一張圖片，可選擇加上標題、說明與連結。可用於季節性橫幅，或連結到商品系列的圖片；也可以在滑鼠懸停時切換成第二張圖片。

新增區塊

選擇版面

在預覽的大型選單面板中，點擊 Add block（新增區塊）。點擊 Add custom image（新增自訂圖片），將游標移到 Image 1 或 Image 2 上，然後點擊 Select（選擇）。

(1) 點擊 Add custom image，(2) 選擇 Image 1 或 Image 2。(3) 是 Image slider 版面。

Image 1 會將標題顯示在圖片下方。Image 2 會將標題顯示在圖片上的深色橫條中。

同一個分頁中還有 Promo banner（促銷橫幅）、Promo banner split（分割式促銷橫幅）與 Brand logos（品牌標誌）。請參閱促銷橫幅和品牌標誌。
選擇圖片與文字

在 Edit Item（編輯項目）中，點擊 Select image（選擇圖片）上傳或挑選圖片。填入 Title（標題）、Link（連結）與 Description（說明）。

預覽中的圖片區塊，設定顯示在 Edit Item 中。
儲存並發佈

點擊 Save（儲存），然後點擊 Publish（發佈）。

Title（標題）預設: Image 1 / Image 2: 與圖片一起顯示的文字。留空則只顯示圖片。
Link（連結）預設: None: 點擊圖片後前往的位置：網頁、商品、商品系列或網址。如有需要，請勾選 Open in new tab（在新分頁開啟）。
Description（說明）預設: Sample description: 標題下方第二行較小的文字。
Swap image on hover（懸停時切換圖片）預設: Off: 新增一張 Hover image（懸停時圖片），顧客將滑鼠移到區塊上時會看到它。
Image / Hover image（圖片 / 懸停時圖片）預設: None: 主要圖片，以及開啟切換時在滑鼠懸停時顯示的圖片。
Image width（圖片寬度）預設: Auto: 選擇圖片後出現：Auto（自動）或 Custom（自訂，以 %、px、em 或 rem 為單位的數值）。
Width（寬度）預設: 25%: 區塊佔大型選單一列的比例：Auto 或 8.33% 到 100%。
No padding（無內距）預設: Off: 移除區塊的內部間距，讓圖片填滿整個區塊。
Visibility（顯示設定）預設: Off: Hide on desktop（在桌面裝置隱藏）、Hide on mobile（在行動裝置隱藏）、Hide when logged in（登入時隱藏）、Only show when logged in（僅在登入時顯示）、Schedule publishing（排程發佈）。請參閱每個區塊都有的設定。

這個頁面有幫助嗎？