From 3ffa82c75f81d2c7629da0216a9d016e4e74144b Mon Sep 17 00:00:00 2001
From: Jacek Pyziak <jacek.pyziak@project-pro.pl>
Date: Mon, 16 Jun 2025 23:47:38 +0200
Subject: [PATCH] =?UTF-8?q?Dodanie=20nowego=20szablonu=20dla=20produkt?=
 =?UTF-8?q?=C3=B3w=20z=20obs=C5=82ug=C4=85=20Swiper=20i=20dynamicznym=20ge?=
 =?UTF-8?q?nerowaniem=20hash=C3=B3w?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates_user/shop-product/products-new.php | 64 ++++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 templates_user/shop-product/products-new.php

diff --git a/templates_user/shop-product/products-new.php b/templates_user/shop-product/products-new.php
new file mode 100644
index 0000000..967b908
--- /dev/null
+++ b/templates_user/shop-product/products-new.php
@@ -0,0 +1,64 @@
+<? $hash = md5(time() . rand(0, 9999999999)); ?>
+
+<? if ($this->products) : ?>
+  <div class="products-box-<?= $hash; ?>">
+    <div class="swiper">
+      <div class="swiper-wrapper">
+        <?
+        foreach ($this->products as $product):
+          if ($product->status):
+            echo \Tpl::view('shop-product/product-mini', [
+              'product' => $product,
+              'class'   => 'item',
+              'product_mini_class' => 'swiper-slide'
+            ]);
+          endif;
+        endforeach;
+        ?>
+      </div>
+    </div>
+    <div class="swiper-button-next products-box-<?= $hash; ?>-next"></div>
+    <div class="swiper-button-prev products-box-<?= $hash; ?>-prev"></div>
+  </div>
+
+  <script class="footer" type="text/javascript">
+    $(function() {
+      if ($(".products-box-<?= $hash; ?> .swiper").length) {
+        const swiper<?= $hash; ?> = new Swiper(".products-box-<?= $hash; ?> .swiper", {
+          spaceBetween: 10,
+          loop: false,
+          navigation: {
+            nextEl: '.swiper-button-next',
+            prevEl: '.swiper-button-prev',
+          },
+          breakpoints: {
+            1400: {
+              slidesPerView: 6
+            },
+            992: {
+              slidesPerView: 5
+            },
+            767: {
+              slidesPerView: 4
+            },
+            576: {
+              slidesPerView: 3
+            },
+            300: {
+              slidesPerView: 2
+            }
+          },
+          on: {
+            init: function() {
+              setSliderHeight(this);
+            },
+            resize: function() {
+              setSliderHeight(this);
+            },
+          },
+        })
+      }
+    });
+  </script>
+
+<? endif; ?>
\ No newline at end of file