我目前在Shopify中使用木材框架創建自定義主題,其中一個要求是添加一個旋轉木馬滑塊,該滑塊將顯示3個將自動滑動的盒裝圖像,以及具有左/右按鈕以允許用戶手動更改滑塊。Shopify中的自定義主題的旋轉木馬滑塊
我不知道我是否需要從頭開始創建一些東西,所以我正在尋找一些關於如何解決這個問題的建議。
我目前在Shopify中使用木材框架創建自定義主題,其中一個要求是添加一個旋轉木馬滑塊,該滑塊將顯示3個將自動滑動的盒裝圖像,以及具有左/右按鈕以允許用戶手動更改滑塊。Shopify中的自定義主題的旋轉木馬滑塊
我不知道我是否需要從頭開始創建一些東西,所以我正在尋找一些關於如何解決這個問題的建議。
我們通常會在Shopify主題上使用http://owlgraphic.com/owlcarousel/。爲了讓您一開始,像下面應該讓你和運行:
$(".owl-carousel").owlCarousel({
'items': 1,
'navigation': true,
'navigationText': ['<','>'],
'pagination': false
});
然後,只需閱讀文檔創建所需的元素。這個特定的滑塊已啓用滑動,這對移動用戶也很方便。
謝謝亞歷克斯,我會放棄這一點。爲了澄清,我是否能夠在不同的頁面上多次使用它? – user3191160
這是正確的,如果每個傳送帶具有不同的設置,則對每個單獨的傳送帶重複上述初始化函數並在id選擇器上調用它,例如, #mobile-carousel /#desktop-carousel –
謝謝Alex:) – user3191160
可能是你可以使用twiiter bootstrap旋轉木馬滑塊它fullfills所有的條件。 –