SwissUpLabs Logo

Slick Carousel

SlickCarousel - is a script wrapper around click carousel js library that allows you easily create sliders from custom content.

Typical slick carousel markup is:

<div class="slick-slider" data-mage-init='{"slick": {"slidesToShow": 4, "slidesToScroll": 1, "dots": false, "autoplay": true, "swipeToSlide": true}}'>
    <div class="item"><img src="http://placehold.it/350x150" alt=""/></div>
    <div class="item"><img src="http://placehold.it/350x150" alt=""/></div>
    <div class="item"><img src="http://placehold.it/350x150" alt=""/></div>
    <div class="item"><img src="http://placehold.it/350x150" alt=""/></div>
    <div class="item"><img src="http://placehold.it/350x150" alt=""/></div>
    <div class="item"><img src="http://placehold.it/350x150" alt=""/></div>
</div>

Full list of available options is available at slick’s carousel official site.

Examples

Brands Slider

Next up
Edit this Page