fix(extra-features): Fixed the sync product image/gallery

2026-05-29 12:07:12 +02:00
parent d2d1dc4302
commit 1dc5ceb241
4 changed files with 336 additions and 122 deletions
@@ -1,27 +1,34 @@
@use "sass:map";

 .product-thumbs {
-  margin-right: -#{map.get($spacers, 1)};
-  margin-left: -#{map.get($spacers, 1)};
+    margin-right: -#{map.get($spacers, 1)};
+    margin-left: -#{map.get($spacers, 1)};

-  &__elem {
-    padding: 0 map.get($spacers, 1);
-    cursor: pointer;
-    opacity: .3;
-    transition: .3s ease opacity;
-    @include make-col(4);
-
-    &:focus,
-    &:hover {
-      opacity: 0.6;
+    &.swiper-vertical {
+        max-height: 600px;
+    }
+    &.swiper-horizontal {
+        max-height: 200px;
    }

-    &.swiper-slide-thumb-active {
-      opacity: 1;
-    }
+    &__elem {
+        padding: 0 map.get($spacers, 1);
+        cursor: pointer;
+        opacity: 0.3;
+        transition: 0.3s ease opacity;
+        @include make-col(4);

-    @include media-breakpoint-up(sm) {
-      @include make-col(3);
+        &:focus,
+        &:hover {
+            opacity: 0.6;
+        }
+
+        &.swiper-slide-thumb-active {
+            opacity: 1;
+        }
+
+        @include media-breakpoint-up(sm) {
+            @include make-col(3);
+        }
    }
-  }
 }