Magento 2 module wrapper for L
This module lets you use lightSlider with Magento 2 throught requirejs.
Installationcomposer require msp/lightSlider
bin/magento module:enable MSP_LightSlider
bin/magento setup:upgrade
Usage
You must include the css via layout XML, for example if you want to use the gallery in the product page add to catalog_product_view.xml:
<head>
...
<css src="MSP_LightSlider::css/lightslider.min.css"/>
...
</head>
You can init the gallery with data-mage-init:
<div id="your-slider" data-mage-init='{
"LightSlider": {
"item": 1
}
}'>
<a href="img/kitten1.jpg">
<img src="img/kitten1-thumb.jpg" />
</a>
<a href="img/kitten2.jpg">
<img src="img/kitten2-thumb.jpg" />
</a>
<a href="img/kitten3.jpg">
<img src="img/kitten3-thumb.jpg" />
</a>
</div>
or with a <script type="text/x-magento-init">:
<div id="your-gallery">
<a href="img/kitten1.jpg">
<img src="img/kitten1-thumb.jpg" />
</a>
<a href="img/kitten2.jpg">
<img src="img/kitten2-thumb.jpg" />
</a>
<a href="img/kitten3.jpg">
<img src="img/kitten3-thumb.jpg" />
</a>
</div>
<script type="text/x-magento-init">
{
"#your-slider": {
"LightSlider": {
"item": 1
}
}
}
</script>
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
