habe die Datei gefunden (für das Template "modified responsive 3")
"/templates/TEMPLATENAME/javascript/extra/slick.js.php":
den Originalcode "slider-besteller" auskommentieren, den Code "slider-listingbox-sidebar" kopieren, einfügen und den Namen ändern.
/*$('.slider-bestseller').slick({
dots: true,
arrows: true,
infinite: true,
speed: 500,
slidesToShow: 5,
slidesToScroll: 5,
responsive: [
{ breakpoint: 1020, settings: { slidesToShow: 4, slidesToScroll: 4, dots: true, arrows:true } },
{ breakpoint: 700, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true, arrows:true } },
{ breakpoint: 400, settings: { slidesToShow: 2, slidesToScroll: 2, dots: true, arrows:false } }
]
});*/
$('.slider-bestseller').slick({
dots: true,
arrows: true,
infinite: true,
speed: 500,
slidesToShow: 3,
slidesToScroll: 3,
responsive: [
{ breakpoint: 1020, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true, arrows:true } },
{ breakpoint: 800, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true, arrows:true } },
{ breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, dots: true, arrows:true } },
{ breakpoint: 400, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true, arrows:false } }
]
});
$('.slider-listingbox-sidebar').slick({
dots: true,
arrows: true,
infinite: true,
speed: 500,
slidesToShow: 3,
slidesToScroll: 3,
responsive: [
{ breakpoint: 1020, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true, arrows:true } },
{ breakpoint: 800, settings: { slidesToShow: 3, slidesToScroll: 3, dots: true, arrows:true } },
{ breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 2, dots: true, arrows:true } },
{ breakpoint: 400, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true, arrows:false } }
]
});
Gibt es Bedenken bezüglich dieser Vorgehensweise?
Gruß aus Wien,
Thomas