Karussell Slider für Custom Theme in Shopify

Question

Ich bin im Moment ein benutzerdefiniertes Thema in Shopify mit dem Timber Framework und eine der Anforderungen ist es, einen Karussell-Schieberegler, der 3 Bilder zeigt, die automatisch gleiten wird, sowie die haben Links/Rechts-Tasten, damit der Benutzer den Schieberegler manuell ändern kann.

Ich bin mir nicht sicher, ob ich etwas von Grund auf neu erstellen muss und deshalb einen Rat suchte, wie ich das angehen sollte.

Answer 1

Wir würden normalerweise http://owlgraphic.com/owlcarousel/ auf ein Shopify Thema verwenden. Um Ihnen den Einstieg, so etwas wie die folgenden sollten Sie und Laufen bringen:

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

Dann einfach die Dokumentation lesen Sie die Elemente für die Erstellung benötigt. Dieser spezielle Schieberegler hat Swipe aktiviert, was auch für mobile Benutzer nützlich ist.