From 01eb85bc7822c714d9df2d46595006f14331b30d Mon Sep 17 00:00:00 2001
From: merdan <merdan.m@gmail.com>
Date: Mon, 10 May 2021 17:27:07 +0500
Subject: [PATCH] new theme modern2 reklama slider

---
 .../components/advertisement/slider.htm       | 46 ++++++++++++++++++-
 themes/modern2/pages/index.htm                |  2 +-
 2 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/plugins/tps/reklama/components/advertisement/slider.htm b/plugins/tps/reklama/components/advertisement/slider.htm
index 5d8f5dce0..309e4d4ce 100644
--- a/plugins/tps/reklama/components/advertisement/slider.htm
+++ b/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 %}
diff --git a/themes/modern2/pages/index.htm b/themes/modern2/pages/index.htm
index 953a787cc..9e0476402 100644
--- a/themes/modern2/pages/index.htm
+++ b/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