@@ -9,8 +9,13 @@ $GLOBALS['TL_CSS'][] = '/system/modules/eSM_swiper/assets/css/swiper-custom.css'

 <script>

   (function () {

-    var cte = document.querySelectorAll(".ce_swiperSliderStart"), e, w, s, i, c,

-      defaults = {

+    var cte = document.querySelectorAll(".ce_swiperSliderStart");

+

+    for (var i=0; i<cte.length; i++)

+    {

+      var e = cte[i].querySelectorAll('.swiper-container')[0];

+      var w = e.querySelectorAll('.swiper-wrapper')[0];

+      var c = {

         initialSlide: 0,

         speed: 300,

         autoHeight: false,

@@ -22,15 +27,9 @@ $GLOBALS['TL_CSS'][] = '/system/modules/eSM_swiper/assets/css/swiper-custom.css'

         autoplay: false

       };

-    for (i=0; i<cte.length; i+=2)

-    {

-      e = cte[i].querySelectorAll('.swiper-container')[0];

-      w = e.querySelectorAll('.swiper-wrapper')[0];

-      c = defaults;

-

       if (w.hasAttribute('data-config'))

       {

-        s = w.getAttribute('data-config').split(',');

+        var s = w.getAttribute('data-config').split(',');

         c.speed = parseInt(s[1]);

         c.initialSlide = parseInt(s[2]);

@@ -68,8 +67,20 @@ $GLOBALS['TL_CSS'][] = '/system/modules/eSM_swiper/assets/css/swiper-custom.css'

         if (parseInt(s[11]) == 1)

           c.autoHeight = true;

+        if (s[12] !== '')

+          c.slideClass = s[12];

+

+      }

+      if (w.hasAttribute('data-breakpoints'))

+      {

+        try {

+          var breakpoints = JSON.parse(w.getAttribute('data-breakpoints'));

+          c.breakpoints = breakpoints;

+        } catch (e)

+        {

+          console.log('Swiper.js: breakpoint data attribute is not valid JSON');

+        }

       }

-console.log(c);

       new Swiper(e,c);

     }

   })();