跳到內容
安裝應用程式
繁體中文

圖片輪播

以輪播方式顯示多張圖片,每張都有自己的說明文字與連結。

參考資料 Growth Navigation · Pro Navigation 1 分鐘閱讀

以附箭頭的輪播顯示多張投影片,每張都有自己的圖片、標題、說明與連結。可在一個區塊的空間中,主打多個商品系列、品牌或活動。

新增區塊

  1. 選擇版面

    在預覽的大型選單面板中,點擊 Add block(新增區塊)。點擊 Add custom image(新增自訂圖片),將游標移到 Image slider(圖片輪播)上,然後點擊 Select(選擇)。

    (1) 點擊 Add custom image,(3) 選擇 Image slider。(2) 的版面會新增單張圖片。
  2. 設定輪播

    在 Edit Item(編輯項目)中,設定 Title(標題,即輪播上方的標題文字)、它的 Link(連結)、Width(寬度)、Item(s) per row(每列項目數)與 Image ratio(圖片比例)。

  3. 填入投影片

    輪播一開始有 3 張投影片。為每一張點擊 Select image(選擇圖片),並填入 Title、Link 與 Description(說明)。點擊 Add slide(新增投影片)可新增一張,點擊 Remove(移除)可刪除一張。

  4. 儲存並發佈

    點擊 Save(儲存),然後點擊 Publish(發佈)。

設定

輪播

Title(標題)預設: Image slider
顯示在輪播上方的標題。留空即可隱藏標題。
Link(連結)預設: None
讓標題可以點擊。
Width(寬度)預設: 75%
區塊佔大型選單一列的比例:Auto(自動)或 8.33% 到 100%。
Item(s) per row(每列項目數)預設: 3
同時顯示的投影片數量:1、2、3、4 或 6。
Image ratio(圖片比例)預設: Auto
將所有投影片圖片裁成相同形狀:Auto(原始形狀)、1:1、4:3、3:4、16:9 或 9:16。
Visibility(顯示設定)預設: Off
Hide on desktop(在桌面裝置隱藏)、Hide on mobile(在行動裝置隱藏)、Hide when logged in(登入時隱藏)、Only show when logged in(僅在登入時顯示)、Schedule publishing(排程發佈)。請參閱每個區塊都有的設定。

每張投影片

Image(圖片)預設: None
投影片的圖片。
Title / Description(標題 / 說明)預設: None
投影片的說明文字。
Link(連結)預設: None
點擊投影片後前往的位置。

提示

  • 形狀不同的圖片會讓投影片看起來參差不齊。請選擇 1:1 或 4:3 等 Image ratio,讓它們對齊。
  • 在預覽中點擊投影片,即可跳到它的設定。
  • 自動播放與循環播放會套用到選單中的所有輪播。請在 Settings(設定)> Carousel(輪播)> Auto play(自動播放)與 Infinity loop(無限循環)中開啟。

這個頁面有幫助嗎?

回報問題