Shopifyのカスタムテーマのカルーセルスライダー

Question

私は現在、Timber Frameworkを使用してShopifyでカスタムテーマを作成しています。要件の1つは、自動的にスライドする3つのボックス画像を表示するカルーセルスライダーを追加することです。左右のボタンを使用して、スライダーを手動で変更することができます。

私はゼロから何かを作成する必要があるかどうか分からないので、これにどのように取り組むべきかに関するアドバイスを探していました。

Answer 1

通常、Shopifyのテーマでhttp://owlgraphic.com/owlcarousel/を使用します。あなたには次のようなものが必要です。

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

次に、必要な要素を作成するためのドキュメントを読んでください。この特定のスライダにはスワイプが有効になっており、モバイルユーザーにとっても便利です。