問題在于桌面視圖商店中的子類別滑塊，每次顯示 5 個子類別，當您單擊下一個箭頭時，它只會向前移動一個子類別而不是向前移動 5 個，如果您要自定義并單擊接下來在子類別滑塊中它向前移動 5，請幫助提供 css 代碼或我可以解決此問題的東西，以便在商店中它可以向前移動 5 而不是 1 https://www.veed.io/view/e4c5f64b -94f6-4cc1-bffa-29f31650fee2/showcase?sharingWidget=true 是有問題的視頻……
我需要幫助的頁面：https ://executiverugs.com/shop
uj5u.com熱心網友回復：
我認為，主題開發人員在這里犯了一個基本錯誤，這就是這種行為出現的原因。
讓我向您解釋這里出了什么問題，以及為什么您在定制器預覽和實時預覽中有不同的行為。
因此，如果您要檢查此主題 js 檔案https://executiverugs.com/wp-content/themes/funio/js/functions.js并搜索slidesToScroll:$element.data("slidestoscroll")
你會看到slidesToScroll有一個條件，它檢查是否data-slidestoscroll可用，如果可用，那么它會從那里獲取值data-columns并將其設定為slidesToScroll如果data-slidestoscroll不可用，那么它將把值設定為1
因此，如果您將檢查您的頁面源并檢查data-slidestoscroll帶有類的 div，woocommerce-product-subcategories您將看到data-slidestoscroll缺少但data-columns="5"可用。但是開發人員正在檢查data-slidestoscroll應該存在，然后他們將設定值 from data-columns，因此條件失敗并且slidesToScroll正在獲取值1
為什么定制器有 5 slidesToScroll？
在光滑的滑塊中，定義了responsive選項breakpoint: 1441，它定義了max-width:1441，并應用了某些規則。因此，由于該斷點data-columns1440或data-columns值data-columns在您的頁面源中可用，因此有條件地應用在您的案例中。
因此，當您在定制器預覽中查看頁面時，左側的定制器側邊欄會占用一些空間，因此頁面視口小于1441px，在這種情況下，responsive斷點規則將接管。
解決辦法是什么？
- 您應該聯系主題作者/開發人員并提出相關問題。以便他們可以審查并在下一個版本中提供解決方案/修復。
- 如果您知道如何使用 FTP 編輯檔案，那么您需要編輯此檔案
/wp-content/themes/funio/js/functions.js，但首先要進行檔案備份。然后搜索slidesToScroll:$element.data("slidestoscroll")然后將其替換為slidesToScroll:$element.data("columns")并保存并上傳更改。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/515776.html
標籤：cssWordPress