調整首頁跑馬燈(輪播圖)的轉場停留時間
修改樣板檔案中的 delay 參數,調整首頁跑馬燈(輪播圖)的轉場停留時間。
跑馬燈轉場時間說明¶
您可以透過修改程式碼來調整 首頁跑馬燈(輪播圖)的轉場停留時間,這有助於提供客戶更佳的閱讀體驗。
以下為跑馬燈轉場時間設定的詳細教學:
設定操作步驟¶
適用範圍與版型限制
- 適用範圍: 此設定 僅適用於「首頁跑馬燈」。若您是使用自行貼上 liquid 語法的「進階跑馬燈」,則不包含在內。
- 版型限制: 此教學僅適用於「預設版型(舊版)」。
- 進入路徑: 登入 CYBERBIZ 管理後台,前往 網站外觀 > 套版主題管理 > CSS/HTML 編輯器。
- 開啟檔案: 在搜尋欄輸入並點開檔案
_main_slider.liquid。 - 搜尋關鍵字: 在檔案內搜尋「delay:」。
- 修改停留時間: 更改
delay:後方的數字即可調整更換圖片的時間。該數值以 毫秒 (ms) 為單位。- 範例:
3000代表 3 秒。 - 範例:
20000代表 20 秒。
- 範例:
- 儲存設定: 修改完畢後按下儲存。
_main_slider.liquid
// Enable lazy loading
lazy: {
enabled: true,
loadPrevNext: true,
loadPrevNextAmount: 1
},
loop: true,
autoplay: {
delay: 3000,
},
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true
},
重要注意事項¶
- 責任歸屬: CYBERBIZ 提供程式碼修改權限,但 不提供語法教學或代碼撰寫服務,建議由貴公司技術人員執行。
- 恢復機制:若修改後導致頁面異常,可點擊編輯器中的 查看之前版本,可回溯至先前版本。
常見問題¶
修改後跑馬燈停止自動輪播了,該怎麼辦?
這通常是因為程式碼語法錯誤(例如誤刪了逗號 , 或冒號 :)。
- 檢查語法: 請確認
delay: 3000後方的逗號是否還在。 - 立即恢復: 若無法自行修正,請參考下方「重要注意事項」中的 恢復機制,將檔案還原至前一個正常的版本。
最後更新:2026-03-05
