cronus-theme 2.0.103 → 2.0.105

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

@@ -1 +1 @@
-<script src="/layout/frontend/default/login/dist/js/main1747039454.js"></script>
+<script src="/layout/frontend/default/login/dist/js/main1747311717.js"></script>

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

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

package/default/templates/directorder/directOrderImport.mustache

@@ -15,7 +15,7 @@
                                     </a>
                                 </div>
                                 <div class="col-12 col-sm-6">
-                                    <a class="linkWithIcon" href="/userdata/files/directorder/example_excel_xls.xls" download>
+                                    <a class="linkWithIcon" href="/userdata/files/directorder/example_excel_xls.xlsx" download>
                                         <i class="icon icon-file-xls"></i>
                                         <span>{{tc.download_example}} (xls)</span>
                                     </a>

package/default/templates/highlightPicture/bannerPoint.mustache

@@ -1,45 +1,50 @@
-<div class="bannerPoints__image">
+<div class="highlightPicture__bulletWrapper">
 
     {{#lines}}
 
-        <div class="bannerPoint {{directionClass}}"
-             style="left:{{rel_x}}%; top:{{rel_y}}%">
-            <div class="bannerPoint__button"></div>
-
-            <div class="bannerPoint__content">
-                <div class="bannerPoint__image">
-                    {{#image}}
-                        <img src="{{image}}" alt="{{headline}}">
-                    {{/image}}
-                </div>
-                <div class="bannerPoint__inner">
-                    <div class="bannerPoint__promotion">
-                        {{#promotions}}
-                            <span class="itembox__promotion">{{{promotions}}}</span>
-                        {{/promotions}}
-                    </div>
+        <div class="highlightBullet {{directionClass}}" style="left:{{rel_x}}%; top:{{rel_y}}%">
+            <div class="highlightBullet__button"></div>
+            <div class="highlightBullet__content">
+                <div class="highlightBullet__inner">
+                    {{#linkToItem}}
+                    <a href="{{linkToItem}}" class="highlightBullet__link">
+                    {{/linkToItem}}
                     {{#headline}}
-                        <div class="bannerPoint__headline">
+                        <div class="highlightBullet__headline">
                             {{{headline}}}
                         </div>
                     {{/headline}}
-                    <div class="bannerPoint__description">
+                    <div class="highlightBullet__promotion promotions">
+                        {{#promotions}}
+                            <span class="itembox__promotion">{{{promotions}}}</span>
+                        {{/promotions}}
+                    </div>
+                    {{#item.item_no}}
+                    <div class="highlightBullet__itemNo">
+                        {{#helper.translate}}order_item_no{{/helper.translate}} {{{item.item_no}}}
+                    </div>
+                    {{/item.item_no}}
+
+                    <div class="highlightBullet__description">
                         {{#brandname}}
                             <span class="itembox__brand">{{brandname}}</span>
                         {{/brandname}}
                         {{{description}}}
                     </div>
                     {{#inventory_sign}}
-                        <div class="bannerPoint__inventory">
+                        <div class="highlightBullet__inventory">
                             {{{inventory_sign}}}
                         </div>
                     {{/inventory_sign}}
 
                     {{#unitPrice}}
-                        <div class="bannerPoint__price">
+                        <div class="highlightBullet__price">
                             {{unitPrice}}
                         </div>
                     {{/unitPrice}}
+                    {{#linkToItem}}
+                    </a>
+                    {{/linkToItem}}
                 </div>
             </div>
         </div>

package/default/templates/highlightPicture/highlightPicture_wrapper.mustache

@@ -1,20 +1,20 @@
-<div class="bannerPoints" style="background-image:url('{{background_image}}');">
-    <div class="bannerPoints__content">
-        {{#title}}
-        <div class="bannerPoints__headline h1">
+<div class="highlightPicture">
+    {{#title}}
+        <div class="highlightPicture__headline h1">
             {{title}}
         </div>
-        {{/title}}
+    {{/title}}
 
-        {{#content}}
-        <div class="bannerPoints__description marginTop">
-            {{content}}
+    {{#highlightimage}}
+        <div class="highlightPicture__image">
+            <img src="{{highlightimage}}" alt="{{title}}" />
+            {{{points}}}
         </div>
-        {{/content}}
-    </div>
-
-    {{{points}}}
-
-
+    {{/highlightimage}}
 
+    {{#content}}
+        <div class="highlightPicture__description marginTop">
+            {{content}}
+        </div>
+    {{/content}}
 </div>

package/default/website/build/doc/doc.css

@@ -364,7 +364,7 @@ table {
 @font-face {
   font-family: "icons";
   font-display: swap;
-  src: url("../fonts/icons1747039460.woff2") format("woff2"), url("../fonts/icons1747039460.woff") format("woff");
+  src: url("../fonts/icons1747311728.woff2") format("woff2"), url("../fonts/icons1747311728.woff") format("woff");
 }
 .icon {
   font-family: "icons";
@@ -11519,79 +11519,19 @@ body.fullscreen-gallery-opened {
   overflow: hidden;
 }
 
-.bannerPoints {
-  position: relative;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  min-width: 100%;
-  max-height: 700px;
-  min-height: 350px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-@media (min-width: 768px) {
-  .bannerPoints {
-    min-height: 450px;
-  }
-}
-@media (min-width: 1250px) {
-  .bannerPoints {
-    min-height: 700px;
-  }
-}
-.bannerPoints__content {
-  padding: 40px;
-  width: 100%;
-  background: fade(var(--main-color-white), 80);
+.highlightPicture {
   display: flex;
   flex-direction: column;
-  align-items: flex-end;
-  max-width: 50%;
-}
-@media (max-width: 1249px) {
-  .bannerPoints__content {
-    padding: 20px;
-    max-width: 75%;
-  }
-}
-@media (max-width: 767px) {
-  .bannerPoints__content {
-    padding: 10px;
-    max-width: 85%;
-  }
-}
-.bannerPoints__headline {
-  width: 90%;
-  margin-bottom: 0;
-  color: var(--main-color-action);
-}
-@media (max-width: 1249px) {
-  .bannerPoints__headline {
-    font-size: 5rem;
-  }
-}
-@media (max-width: 1023px) {
-  .bannerPoints__headline {
-    font-size: 4rem;
-  }
-}
-@media (max-width: 767px) {
-  .bannerPoints__headline {
-    font-size: 3rem;
-  }
 }
-.bannerPoints__description {
-  color: var(--main-color-action);
-  width: 90%;
-  font-size: 2rem;
+.highlightPicture__image {
+  align-self: center;
+  position: relative;
 }
 
-.bannerPoint {
+.highlightBullet {
   position: absolute;
 }
-.bannerPoint__button {
+.highlightBullet__button {
   width: 32px;
   height: 32px;
   -webkit-border-radius: 50%;
@@ -11606,7 +11546,7 @@ body.fullscreen-gallery-opened {
   cursor: pointer;
   z-index: 1;
 }
-.bannerPoint__button:before {
+.highlightBullet__button:before {
   font-size: 22px;
   font-family: "icons", Helvetica, Arial, sans-serif;
   content: var(--base-icon-plus);
@@ -11617,55 +11557,75 @@ body.fullscreen-gallery-opened {
   color: var(--main-color-white);
   transition: 0.1s all ease-in-out;
 }
-.bannerPoint__button:hover {
+.highlightBullet__button:hover {
   background: var(--main-color-secondary);
 }
-.bannerPoint__content {
+.highlightBullet__content {
   position: absolute;
-  padding: 5px 10px;
+  padding: 10px;
   display: none;
-  background: fade(var(--main-color-white), 80);
+  background: var(--main-color-white);
+  font-size: var(--main-font-size-base);
+  line-height: var(--main-line-height);
+  min-width: 150px;
 }
 @media (min-width: 768px) {
-  .bannerPoint__content {
-    padding: 4px 10px;
+  .highlightBullet__content {
+    min-width: 200px;
   }
 }
-@media (min-width: 1024px) {
-  .bannerPoint__content {
-    padding: 3px 10px;
-  }
+.highlightBullet a {
+  color: var(--main-color-black);
+  text-decoration: none;
+  font-size: var(--main-font-size-base);
+  line-height: var(--main-line-height);
 }
-.bannerPoint__headline {
+.highlightBullet a:hover .highlightBullet__description {
+  text-decoration: underline;
+}
+.highlightBullet__headline {
   margin-bottom: 0;
 }
 @media (min-width: 768px) {
-  .bannerPoint__headline {
+  .highlightBullet__headline {
     white-space: nowrap;
   }
 }
-.bannerPoint__description {
-  min-width: 200px;
+.highlightBullet__itemNo {
+  font-size: var(--main-font-size-small);
+}
+.highlightBullet__description {
+  line-height: 1.2;
 }
-.bannerPoint--left .bannerPoint__content {
+.highlightBullet__inventory {
+  margin-top: 5px;
+}
+.highlightBullet__inventory p {
+  white-space: nowrap;
+}
+.highlightBullet--left .highlightBullet__content {
   top: 50%;
   right: 16px;
   padding-right: 26px;
   transform: translateY(-50%);
 }
-.bannerPoint--right .bannerPoint__content {
+.highlightBullet--right .highlightBullet__content {
   top: 50%;
   left: 16px;
   padding-left: 26px;
   transform: translateY(-50%);
 }
-.bannerPoint.active .bannerPoint__button {
+.highlightBullet.active .highlightBullet__button {
   background: var(--main-color-secondary);
 }
-.bannerPoint.active .bannerPoint__button:before {
+.highlightBullet.active .highlightBullet__button:before {
   content: var(--base-icon-minus);
 }
 
+body[data-site_code=catalog] .highlightBullet__price {
+  display: none;
+}
+
 .collectionArea.is-loading, .collectionArea.is-error {
   cursor: not-allowed;
   pointer-events: none;