swissup/slick-carousel 1.0.2

the last carousel you'll ever need for magento2

Type

magento2-module

License

MIT

Requires
Requires (dev)

None

Suggests

None

Provides

None

Conflicts

None

Replaces

None

Slick Carousel

the last carousel you'll ever need for Magento2

Installation

cd <magento_root>
composer config repositories.swissup composer https://docs.swissuplabs.com/packages/
composer require swissup/slick-carousel --prefer-source
bin/magento module:enable Swissup_SlickCarousel
bin/magento setup:upgrade

Usage

Add the following or similar code to Cms Page or Block:

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

Advanced Usage

  • See the list of available options at slick's carousel official site
  • See the Magento's guide on how to additionally initialize JS component.