new theme modern2 reklama slider

plugins/tps/reklama/components/advertisement/slider.htm

@@ -1,4 +1,4 @@
-{% if group and group.adds %}
+{% if __SELF__.group and __SELF__.group.adds %}
 <div class="advertisiment_{{__SELF__}}">
     {% for reklama in __SELF__.group.adds %}
     <a class="advertisiment__item"
@@ -11,7 +11,7 @@
     </a>
     {% endfor %}
 </div>
-
+{% if __SELF__.property('random') %}
 <script>
     // advertisement start
     $(function () {
@@ -52,5 +52,47 @@
     });
     // advertisement end
 </script>
+{% else %}
+{% put scripts %}
+<script>
+    // advertisement start
+    $(function () {
+        var $slideshow = $(".advertisiment_{{__SELF__}}");
+        var ImagePauses = {{__SELF__.group.adds.pluck('display')}};
 
+        // Init
+        $slideshow.slick({
+            dots: false,
+            arrows: false,
+            infinite: true,
+            initialSlide: 0,
+            autoplay: true,
+            autoplaySpeed: ImagePauses[0] * 1000,
+            fade: true,
+            cssEase: "linear",
+            adaptiveHeight: true,
+        });
+
+        // Sliding settings
+        $slideshow.on("afterChange", function (event, slick, currentSlide) {
+            // Console log, can be removed
+            console.log(
+                "Current slide: " +
+                currentSlide +
+                ". Setting speed to: " +
+                ImagePauses[currentSlide]
+            );
+
+            // Update autoplay speed according to slide index
+            $slideshow.slick(
+                "slickSetOption",
+                "autoplaySpeed",
+                ImagePauses[currentSlide] * 1000,
+                true
+            );
+        });
+    });
+    // advertisement end
+</script>
+{% endput %}
 {% endif %}

themes/modern2/pages/index.htm

@@ -14,7 +14,7 @@ displayEmpty = 0
 categoryPage = "category"
 
 [adverts adv_center_1]
-code = "samsung"
+code = "bank"
 type = "single"
 random = 0