2016-08-09 44 views
-1

我目前在Shopify中使用木材框架創建自定義主題,其中一個要求是添加一個旋轉木馬滑塊,該滑塊將顯示3個將自動滑動的盒裝圖像,以及具有左/右按鈕以允許用戶手動更改滑塊。Shopify中的自定義主題的旋轉木馬滑塊

我不知道我是否需要從頭開始創建一些東西,所以我正在尋找一些關於如何解決這個問題的建議。

+0

可能是你可以使用twiiter bootstrap旋轉木馬滑塊它fullfills所有的條件。 –

回答

0

我們通常會在Shopify主題上使用http://owlgraphic.com/owlcarousel/。爲了讓您一開始,像下面應該讓你和運行:

$(".owl-carousel").owlCarousel({ 
    'items': 1, 
    'navigation': true, 
    'navigationText': ['<','>'], 
    'pagination': false 
}); 

然後,只需閱讀文檔創建所需的元素。這個特定的滑塊已啓用滑動,這對移動用戶也很方便。

+0

謝謝亞歷克斯,我會放棄這一點。爲了澄清,我是否能夠在不同的頁面上多次使用它? – user3191160

+0

這是正確的,如果每個傳送帶具有不同的設置,則對每個單獨的傳送帶重複上述初始化函數並在id選擇器上調用它,例如, #mobile-carousel /#desktop-carousel –

+0

謝謝Alex:) – user3191160