1. 首頁
  2. 教學手冊

如何在頁面模組設定輪播

輪播的左右箭頭切換及聚焦模式設定

【文章目錄】


📍輪播左右鍵設定

🙋🏻‍♀️:請問後台有圖片切換的功能嗎?按圖片左右按鍵可以做切換。

💡:有的,後台頁面模組中有內建的模組可以使用!


操作方法如下方步驟:(以 輪播區塊 為範例)

1. 後台 >> 頁面模組 >> 找到「輪播」模板 >> 拖曳至頁面

螢幕擷取畫面 2024-01-10 165204

螢幕擷取畫面 2024-01-09 164519

 

2. 開啟輪播選項 >> 取消勾選圓點、改勾選顯示箭頭 >> 接著調整左、右箭頭位置、大小。

  • 勾選顯示箭頭
  • 調整箭頭位置

螢幕擷取畫面 2024-02-26 115953


以上便完成輪播左右鍵設定了!


📍輪播聚焦模式設定

1. 後台 >> 頁面模組 >> 找到「輪播」模板 >> 拖曳至頁面

螢幕擷取畫面 2024-04-17 163018

2. Layer >> 輪播 >> 輪播設定 
螢幕擷取畫面 2024-04-17 163247-1

3. 聚焦模式 >> 打勾 >> 下方會跳出「聚焦間距」  >> 可拖曳調整左右間距
螢幕擷取畫面 2024-04-17 170009

螢幕擷取畫面 2024-04-17 170100

螢幕擷取畫面 2024-04-17 170214

以上便完成輪播聚焦模式設定了!

詳細的操作影片:




Banner 輪播圖尺寸參考

電腦:1920 x 612px

平板:1300 x 612px

手機:750 x 530px

注意事項:

(1)為避免發生在不同螢幕裝置,重要資訊被裁切的狀況,設計製圖上建議勿把重要資訊or圖放得太靠近邊界

(2)平板尺寸可依情況決定是否要製作,基本上一般情況下,只需做電腦版跟手機版的圖即可,然後後台在平板規格放電腦版的圖



相關文章:

如何調整Banner高度

如何使用頁面設定

如何調整頁面中的圖片設定