cronus-theme 2.0.104 → 2.0.105

package/default/catalog/dist/snippets/css/doc.html

@@ -1 +1 @@
-<link rel="stylesheet" href="/layout/frontend/default/catalog/dist/css/doc1747122747.css" />
+<link rel="stylesheet" href="/layout/frontend/default/catalog/dist/css/doc1747311720.css" />

package/default/catalog/dist/snippets/css/main.html

@@ -1 +1 @@
-<link rel="stylesheet" href="/layout/frontend/default/catalog/dist/css/main1747122747.css" />
+<link rel="stylesheet" href="/layout/frontend/default/catalog/dist/css/main1747311720.css" />

package/default/catalog/dist/snippets/iconfont.html

@@ -1 +1 @@
-<link rel="preload" href="/layout/frontend/default/catalog/dist/fonts/icons1747122747.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="/layout/frontend/default/catalog/dist/fonts/icons1747311720.woff2" as="font" type="font/woff2" crossorigin>

package/default/catalog/dist/snippets/js/account.html

@@ -1 +1 @@
-<script src="/layout/frontend/default/catalog/dist/js/account1747122747.js"></script>
+<script src="/layout/frontend/default/catalog/dist/js/account1747311720.js"></script>

package/default/catalog/dist/snippets/js/itemcard.html

@@ -1 +1 @@
-<script src="/layout/frontend/default/catalog/dist/js/itemcard1747122747.js"></script>
+<script src="/layout/frontend/default/catalog/dist/js/itemcard1747311720.js"></script>

package/default/catalog/dist/snippets/js/main.html

@@ -1 +1 @@
-<script src="/layout/frontend/default/catalog/dist/js/main1747122747.js"></script>
+<script src="/layout/frontend/default/catalog/dist/js/main1747311720.js"></script>

package/default/catalog/dist/snippets/js/order.html

@@ -1 +1 @@
-<script src="/layout/frontend/default/catalog/dist/js/order1747122747.js"></script>
+<script src="/layout/frontend/default/catalog/dist/js/order1747311720.js"></script>

package/default/catalog/src/scss/base/_icons.scss

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "icons";
   font-display: swap;
-  src: url('../fonts/icons1747122747.woff2') format('woff2'),
-  url('../fonts/icons1747122747.woff') format('woff');
+  src: url('../fonts/icons1747311720.woff2') format('woff2'),
+  url('../fonts/icons1747311720.woff') format('woff');
 }
 
 .icon {

package/default/catalog/styleguide/item-shop-account-infobox.html

@@ -173,7 +173,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18904
+          Source: <code>build/doc/doc.css</code>, line 18864
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-accountbox.html

@@ -276,7 +276,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18713
+          Source: <code>build/doc/doc.css</code>, line 18673
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-attributes-icons.html

@@ -163,7 +163,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18225
+          Source: <code>build/doc/doc.css</code>, line 18185
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-categorybox.html

@@ -185,7 +185,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17032
+          Source: <code>build/doc/doc.css</code>, line 16992
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-categorylist-itempreview.html

@@ -205,7 +205,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17100
+          Source: <code>build/doc/doc.css</code>, line 17060
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-categorylist.html

@@ -215,7 +215,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16899
+          Source: <code>build/doc/doc.css</code>, line 16859
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-filter.html

@@ -665,7 +665,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17651
+          Source: <code>build/doc/doc.css</code>, line 17611
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-inventory.html

@@ -237,7 +237,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 19329
+          Source: <code>build/doc/doc.css</code>, line 19289
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-list-type-switch.html

@@ -165,7 +165,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17611
+          Source: <code>build/doc/doc.css</code>, line 17571
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-orderboxsummary.html

@@ -225,7 +225,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17433
+          Source: <code>build/doc/doc.css</code>, line 17393
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-prices-list-graduated.html

@@ -205,7 +205,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16761
+          Source: <code>build/doc/doc.css</code>, line 16721
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-prices-list.html

@@ -175,7 +175,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16696
+          Source: <code>build/doc/doc.css</code>, line 16656
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-prices.html

@@ -157,7 +157,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16635
+          Source: <code>build/doc/doc.css</code>, line 16595
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-promotions.html

@@ -159,7 +159,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16572
+          Source: <code>build/doc/doc.css</code>, line 16532
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-selected-salesperson-box.html

@@ -175,7 +175,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18983
+          Source: <code>build/doc/doc.css</code>, line 18943
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-sorting.html

@@ -229,7 +229,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17546
+          Source: <code>build/doc/doc.css</code>, line 17506
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-state.html

@@ -207,7 +207,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16854
+          Source: <code>build/doc/doc.css</code>, line 16814
         </div>
 
     </div>

package/default/catalog/styleguide/item-shop-variantselection.html

@@ -157,7 +157,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18137
+          Source: <code>build/doc/doc.css</code>, line 18097
         </div>
 
     </div>

package/default/catalog/styleguide/section-shop.html

@@ -326,7 +326,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18904
+          Source: <code>build/doc/doc.css</code>, line 18864
         </div>
 
     </section>
@@ -548,7 +548,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18713
+          Source: <code>build/doc/doc.css</code>, line 18673
         </div>
 
     </section>
@@ -657,7 +657,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18225
+          Source: <code>build/doc/doc.css</code>, line 18185
         </div>
 
     </section>
@@ -788,7 +788,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17032
+          Source: <code>build/doc/doc.css</code>, line 16992
         </div>
 
     </section>
@@ -949,7 +949,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16899
+          Source: <code>build/doc/doc.css</code>, line 16859
         </div>
 
     </section>
@@ -1100,7 +1100,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17100
+          Source: <code>build/doc/doc.css</code>, line 17060
         </div>
 
     </section>
@@ -1711,7 +1711,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17651
+          Source: <code>build/doc/doc.css</code>, line 17611
         </div>
 
     </section>
@@ -1894,7 +1894,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 19329
+          Source: <code>build/doc/doc.css</code>, line 19289
         </div>
 
     </section>
@@ -2005,7 +2005,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17611
+          Source: <code>build/doc/doc.css</code>, line 17571
         </div>
 
     </section>
@@ -2176,7 +2176,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17433
+          Source: <code>build/doc/doc.css</code>, line 17393
         </div>
 
     </section>
@@ -2279,7 +2279,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16635
+          Source: <code>build/doc/doc.css</code>, line 16595
         </div>
 
     </section>
@@ -2400,7 +2400,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16696
+          Source: <code>build/doc/doc.css</code>, line 16656
         </div>
 
     </section>
@@ -2551,7 +2551,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16761
+          Source: <code>build/doc/doc.css</code>, line 16721
         </div>
 
     </section>
@@ -2656,7 +2656,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16572
+          Source: <code>build/doc/doc.css</code>, line 16532
         </div>
 
     </section>
@@ -2777,7 +2777,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18983
+          Source: <code>build/doc/doc.css</code>, line 18943
         </div>
 
     </section>
@@ -2952,7 +2952,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 17546
+          Source: <code>build/doc/doc.css</code>, line 17506
         </div>
 
     </section>
@@ -3105,7 +3105,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 16854
+          Source: <code>build/doc/doc.css</code>, line 16814
         </div>
 
     </section>
@@ -3208,7 +3208,7 @@
           </details>
 
         <div class="kss-source kss-style">
-          Source: <code>build/doc/doc.css</code>, line 18137
+          Source: <code>build/doc/doc.css</code>, line 18097
         </div>
 
     </section>

package/default/global/js/highlightPicture.js

@@ -1,68 +1,43 @@
-
-export function initHighlightPicture(){
-
-    //look for bannerPoint__button elements and add click event
-    let buttons = document.getElementsByClassName('bannerPoint__button');
-    for (let i = 0; i < buttons.length; i++) {
-        let button = buttons[i];
-        button.addEventListener('click', function (event) {
-            let bannerPoint = button.closest('.bannerPoint');
-            let bannerPointContent = button.next('.bannerPoint__content');
-
-            if(!bannerPoint.hasClass('active')){
-                hideAllBannerPoints($('.bannerPoints'));
-            }
-
-            if(bannerPoint.hasClass('active')){
-                bannerPointContent.slideUp('fast',function(){
-                    bannerPointContent.css('left','');
-                });
-                bannerPoint.removeClass('active');
-                bannerPoint.nextAll('.bannerPoint').fadeIn('fast');
-                bannerPoint.prevAll('.bannerPoint').fadeIn('fast');
-            }else{
-                setPositionOfBannerPointContent(bannerPointContent);
-                bannerPointContent.slideDown('fast');
-                bannerPoint.addClass('active');
-                bannerPoint.nextAll('.bannerPoint').fadeOut('fast');
-                bannerPoint.prevAll('.bannerPoint').fadeOut('fast');
+export function initHighlightPicture() {
+    const buttons = document.getElementsByClassName('highlightBullet__button');
+
+    Array.from(buttons).forEach(button => {
+        const bannerPoint = button.closest('.highlightBullet');
+        const bannerPointContent = bannerPoint.querySelector('.highlightBullet__content');
+
+        button.addEventListener('click', function(event) {
+            if (bannerPoint.classList.contains('active')) {
+                bannerPoint.classList.remove('active');
+                fadeOut(bannerPointContent, 'fast');
+            } else {
+                for (let button of buttons) {
+                    const otherBannerPoint = button.closest('.highlightBullet');
+                    const otherBannerPointContent = otherBannerPoint.querySelector('.highlightBullet__content');
+                    otherBannerPoint.classList.remove('active');
+                    fadeOut(otherBannerPointContent, 'fast');
+                }
+
+                bannerPoint.classList.add('active');
+                fadeIn(bannerPointContent, 'fast');
             }
         });
-    }
-}
-
-function hideAllBannerPoints(banner){
-    banner.find('.bannerPoint').removeClass('active').css({
-        'display':''
-    });
-    banner.find('.bannerPoint__content').slideUp('fast').css({
-        'left':'',
-        'right':'',
-        'text-align':''
     });
 }
 
-function setPositionOfBannerPointContent (thisContent) {
-    thisContent.show().css('visibility','hidden');
-    var widthContent = thisContent.outerWidth();
-    var offsetContent = thisContent.offset();
-    thisContent.css({
-        'left':'',
-        'right':'',
-        'text-align':''
-    });
 
-    if(offsetContent.left + widthContent > $(window).width()){
-        var leftPositionOfContent = $(window).width() - offsetContent.left - widthContent;
-        thisContent.css('left',leftPositionOfContent - 10);
-    }
-    if(offsetContent.left < 0) {
-        var rightPositionOfContent = offsetContent.left;
-        thisContent.css({
-            'right':rightPositionOfContent - 10,
-            'text-align':'left'
-        });
-    }
+function fadeIn(element, duration = 'fast') {
+    const timing = duration === 'fast' ? 200 : 400;
+    element.style.opacity = 0;
+    element.style.display = 'block';
 
-    thisContent.hide().css('visibility','');
-}
+    element.style.transition = `opacity ${timing}ms`;
+    element.style.opacity = 1;
+}
+
+function fadeOut(element, duration = 'fast') {
+    const timing = duration === 'fast' ? 200 : 400;
+    element.style.opacity = 1;
+
+    element.style.transition = `opacity ${timing}ms`;
+    element.style.opacity = 0;
+}

package/default/global/scss/siteparts/_highlightpicture.scss

@@ -1,62 +1,14 @@
-.bannerPoints {
-  position: relative;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  min-width: 100%;
-  max-height: 700px;
-  min-height: 350px;
+.highlightPicture {
   display: flex;
   flex-direction: column;
-  justify-content: center;
-  @media(min-width: $screen-sm){
-    min-height: 450px;
-  }
-  @media(min-width: $screen-lg){
-    min-height: 700px;
-  }
-
-  &__content {
-    padding: 40px;
-    width: 100%;
-    background: fade($white, 80);
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    max-width: 50%;
-    @media(max-width: $screen-md-max){
-      padding: 20px;
-      max-width: 75%;
-    }
-    @media (max-width: $screen-xs-max) {
-      padding: 10px;
-      max-width: 85%;
-    }
-  }
-
-  &__headline {
-    width: 90%;
-    margin-bottom: 0;
-    color: $action;
-    @media (max-width: $screen-md-max) {
-      font-size: 5rem;
-    }
-    @media (max-width: $screen-sm-max) {
-      font-size: 4rem;
-    }
-    @media (max-width: $screen-xs-max) {
-      font-size: 3rem;
-    }
-  }
 
-  &__description{
-    color: $action;
-    width: 90%;
-    font-size: 2rem;
+  &__image {
+    align-self: center;
+    position: relative;
   }
 }
 
-.bannerPoint {
+.highlightBullet {
   position: absolute;
 
   &__button {
@@ -88,14 +40,28 @@
 
   &__content {
     position: absolute;
-    padding: 5px 10px;
+    padding: 10px;
     display: none;
-    background: fade($white, 80);
-    @media (min-width: $screen-sm) {
-      padding: 4px 10px;
+    background: $white;
+    font-size: $font-size-base;
+    line-height: $line-height-base;
+    min-width: 150px;
+
+    @include media-breakpoint-up(sm) {
+      min-width: 200px;
     }
-    @media (min-width: $screen-md) {
-      padding: 3px 10px;
+  }
+
+  a {
+    color: $text-base;
+    text-decoration: none;
+    font-size: $font-size-base;
+    line-height: $line-height-base;
+
+    &:hover {
+      .highlightBullet__description {
+        text-decoration: underline;
+      }
     }
   }
 
@@ -106,12 +72,24 @@
     }
   }
 
+  &__itemNo {
+    font-size: $font-size-small;
+  }
+
   &__description{
-    min-width: 200px;
+    line-height: 1.2;
+  }
+
+  &__inventory {
+    margin-top: 5px;
+
+    p {
+      white-space: nowrap;
+    }
   }
 
   &--left {
-    .bannerPoint__content {
+    .highlightBullet__content {
       top: 50%;
       right: 16px;
       padding-right: 26px;
@@ -120,7 +98,7 @@
   }
 
   &--right {
-    .bannerPoint__content {
+    .highlightBullet__content {
       top: 50%;
       left: 16px;
       padding-left: 26px;
@@ -129,11 +107,19 @@
   }
 
   &.active {
-    .bannerPoint__button {
+    .highlightBullet__button {
       background: $secondary;
       &:before {
         content: $i-minus;
       }
     }
   }
+}
+
+
+
+body[data-site_code="catalog"] {
+  .highlightBullet__price {
+    display: none;
+  }
 }