From bde46c8064dc4546355b0818beabc9ecfbfc9838 Mon Sep 17 00:00:00 2001
From: Metehan Celik <mthncelik@gmail.com>
Date: Wed, 5 Jan 2022 16:55:36 +0300
Subject: [PATCH 1/5] added if statement for banner. category cards have
 carousel now

---
 .../resources/views/list/gallery.twig         | 27 +++++++++++++--
 .../base-theme/resources/css/gallery.css      | 34 +++++++++++++++++++
 2 files changed, 59 insertions(+), 2 deletions(-)

diff --git a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
index b72873280..75685f1c1 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
@@ -13,8 +13,16 @@
             <div class="col-xl-4 col-6 p-sm-3 p-0">
                 <div class="d-flex flex-column product-hb gallery-card pb-3 px-1 pt-1 border shadow-sm rounded">
                     <div class="product-image-hb p-sm-3 p-1">
-                        <a href="{{ adv.detail_url }}">
-                            <img class="product-image-in" src="{{ adv.cover_photo }}" alt="{{ adv.name }}">
+                        <a href="{{ adv.detail_url }}" class="imgs" id="{{ adv.id }}">
+                                {%  for key,photo in adv.getViewPhotoUrl %}
+                                    <img src="{{ photo }}" class="product-image-in ads-img img-{{ adv.id ~ '-' ~ key }}" alt="">
+
+                                {% endfor %}
+                            <div class="hover-area">
+                                {% for key, photo in adv.getViewPhotoUrl %}
+                                        <div class="hover-{{ key }}" data-parent="{{ adv.id }}" data-id="img-{{ adv.id ~ '-' ~ key }}"></div>
+                                {% endfor %}
+                            </div>
                         </a>
                         {{ addBlock('list/extra-actions', {'ad': adv, 'vars': _context}, ['favs'])|raw }}
                     </div>
@@ -36,6 +44,19 @@
             </div>
         {% endfor %}
     </div>
+    <script>
+        $('.ads-img').first().css('display', 'block');
+
+        $('.hover-area').mouseover((e) => {
+            var el = $(e);
+
+            var img = $(`.${$(el[0].target).data('id')}`);
+
+            img.siblings('img').css('display', 'none');
+
+            img.css('display', 'block');
+        });
+    </script>
 
 {% endblock %}
 
@@ -48,3 +69,5 @@
     {{ asset_add("scripts.js", "visiosoft.module.advs::js/list-table.js") }}
     {% include "theme::scroll-modal" %}
 {% endblock %}
+
+
diff --git a/addons/default/visiosoft/base-theme/resources/css/gallery.css b/addons/default/visiosoft/base-theme/resources/css/gallery.css
index 2d031b42f..64d3d144b 100644
--- a/addons/default/visiosoft/base-theme/resources/css/gallery.css
+++ b/addons/default/visiosoft/base-theme/resources/css/gallery.css
@@ -52,4 +52,38 @@
 }
 .fs-14{
     font-size: 14px;
+}
+.imgs{
+    position: relative;
+}
+.ads-img{
+    position:inherit;
+}
+.imgs .ads-img {
+    width: 100%;
+    height: 100%;
+    display: none;
+}
+.imgs .ads-img:first-child {
+    display: flex;
+}
+.hover-area{
+    position: absolute;
+    display: flex;
+    height: 100%;
+    width: 200px;
+    top: 0;
+    left: 0;
+}
+.hover-0 {
+    width: 33%;
+    height: 100%;
+}
+.hover-1 {
+    width: 33%;
+    height: 100%;
+}
+.hover-2 {
+    width: 33%;
+    height: 100%;
 }
\ No newline at end of file

From 2086961706c02c35cd0cdf20244e66a4e2d4739b Mon Sep 17 00:00:00 2001
From: Metehan Celik <mthncelik@gmail.com>
Date: Fri, 7 Jan 2022 23:02:42 +0300
Subject: [PATCH 2/5] gg theme minor changes

---
 .../defaultadmin-theme/resources/scss/theme/_variables.scss     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/default/visiosoft/defaultadmin-theme/resources/scss/theme/_variables.scss b/addons/default/visiosoft/defaultadmin-theme/resources/scss/theme/_variables.scss
index 4d1a5f84a..7e2cf34c1 100644
--- a/addons/default/visiosoft/defaultadmin-theme/resources/scss/theme/_variables.scss
+++ b/addons/default/visiosoft/defaultadmin-theme/resources/scss/theme/_variables.scss
@@ -164,7 +164,7 @@ $grid-gutter-widths: (
 //
 // Font, line-height, and color for body text, headings, and more.
 
-$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
+$font-family-sans-serif: Roboto, "Helvetica Neue", Arial, sans-serif !default;
 $font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
 $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $font-family-base:       $font-family-sans-serif !default;

From 02ba890d3cd085d95baaf864743a9a459c45ef50 Mon Sep 17 00:00:00 2001
From: Metehan Celik <mthncelik@gmail.com>
Date: Mon, 10 Jan 2022 16:06:11 +0300
Subject: [PATCH 3/5] for loop limited, pages set again

---
 .../visiosoft/advs-module/resources/views/list/gallery.twig     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
index 75685f1c1..7b21e20c3 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
@@ -14,7 +14,7 @@
                 <div class="d-flex flex-column product-hb gallery-card pb-3 px-1 pt-1 border shadow-sm rounded">
                     <div class="product-image-hb p-sm-3 p-1">
                         <a href="{{ adv.detail_url }}" class="imgs" id="{{ adv.id }}">
-                                {%  for key,photo in adv.getViewPhotoUrl %}
+                                {%  for key,photo in adv.getViewPhotoUrl|slice(0, 3) %}
                                     <img src="{{ photo }}" class="product-image-in ads-img img-{{ adv.id ~ '-' ~ key }}" alt="">
 
                                 {% endfor %}

From 31485e560f42d036d402f47be79b074dcb025c29 Mon Sep 17 00:00:00 2001
From: Metehan Celik <mthncelik@gmail.com>
Date: Mon, 10 Jan 2022 16:23:45 +0300
Subject: [PATCH 4/5] for loop limited, pages set again

---
 .../visiosoft/advs-module/resources/views/list/gallery.twig     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
index 7b21e20c3..b2c9865be 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
@@ -19,7 +19,7 @@
 
                                 {% endfor %}
                             <div class="hover-area">
-                                {% for key, photo in adv.getViewPhotoUrl %}
+                                {% for key, photo in adv.getViewPhotoUrl|(0,3) %}
                                         <div class="hover-{{ key }}" data-parent="{{ adv.id }}" data-id="img-{{ adv.id ~ '-' ~ key }}"></div>
                                 {% endfor %}
                             </div>

From 923b08ff672bbadb509ebed430e2d2c9ad3f8118 Mon Sep 17 00:00:00 2001
From: Metehan Celik <mthncelik@gmail.com>
Date: Wed, 12 Jan 2022 15:51:25 +0300
Subject: [PATCH 5/5] admin-theme reverted. scripts moved. one necessary
 variable assigned.

---
 .../advs-module/resources/js/list-table.js    | 12 ++++++++++-
 .../resources/views/list/gallery.twig         | 20 +++++--------------
 .../resources/scss/theme/_variables.scss      |  2 +-
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/addons/default/visiosoft/advs-module/resources/js/list-table.js b/addons/default/visiosoft/advs-module/resources/js/list-table.js
index e6cb27468..beba35ca4 100644
--- a/addons/default/visiosoft/advs-module/resources/js/list-table.js
+++ b/addons/default/visiosoft/advs-module/resources/js/list-table.js
@@ -1,3 +1,13 @@
 $(".clickable-row").click(function () {
     window.location = $(this).data("href");
-});
\ No newline at end of file
+});
+
+$('.hover-area').mouseover((e) => {
+    var el = $(e);
+
+    var img = $(`.${$(el[0].target).data('id')}`);
+
+    img.siblings('img').hide();
+
+    img.show();
+});
diff --git a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
index b2c9865be..d93d3f898 100644
--- a/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/list/gallery.twig
@@ -14,12 +14,14 @@
                 <div class="d-flex flex-column product-hb gallery-card pb-3 px-1 pt-1 border shadow-sm rounded">
                     <div class="product-image-hb p-sm-3 p-1">
                         <a href="{{ adv.detail_url }}" class="imgs" id="{{ adv.id }}">
-                                {%  for key,photo in adv.getViewPhotoUrl|slice(0, 3) %}
+                            {% set slicedPhotos = adv.getViewPhotoUrl|slice(0,3) %}
+
+                            {%  for key,photo in slicedPhotos %}
                                     <img src="{{ photo }}" class="product-image-in ads-img img-{{ adv.id ~ '-' ~ key }}" alt="">
 
                                 {% endfor %}
                             <div class="hover-area">
-                                {% for key, photo in adv.getViewPhotoUrl|(0,3) %}
+                                {% for key, photo in slicedPhotos %}
                                         <div class="hover-{{ key }}" data-parent="{{ adv.id }}" data-id="img-{{ adv.id ~ '-' ~ key }}"></div>
                                 {% endfor %}
                             </div>
@@ -44,19 +46,8 @@
             </div>
         {% endfor %}
     </div>
-    <script>
-        $('.ads-img').first().css('display', 'block');
 
-        $('.hover-area').mouseover((e) => {
-            var el = $(e);
-
-            var img = $(`.${$(el[0].target).data('id')}`);
-
-            img.siblings('img').css('display', 'none');
-
-            img.css('display', 'block');
-        });
-    </script>
+    {{ asset_add("scripts.js", "visiosoft.module.advs::js/list-table.js") }}
 
 {% endblock %}
 
@@ -66,7 +57,6 @@
 {% endblock %}
 
 {% block customjs %}
-    {{ asset_add("scripts.js", "visiosoft.module.advs::js/list-table.js") }}
     {% include "theme::scroll-modal" %}
 {% endblock %}
 
diff --git a/addons/default/visiosoft/defaultadmin-theme/resources/scss/theme/_variables.scss b/addons/default/visiosoft/defaultadmin-theme/resources/scss/theme/_variables.scss
index 7e2cf34c1..4d1a5f84a 100644
--- a/addons/default/visiosoft/defaultadmin-theme/resources/scss/theme/_variables.scss
+++ b/addons/default/visiosoft/defaultadmin-theme/resources/scss/theme/_variables.scss
@@ -164,7 +164,7 @@ $grid-gutter-widths: (
 //
 // Font, line-height, and color for body text, headings, and more.
 
-$font-family-sans-serif: Roboto, "Helvetica Neue", Arial, sans-serif !default;
+$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
 $font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
 $font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
 $font-family-base:       $font-family-sans-serif !default;