wickes-css2 2.109.0-test.1 → 2.110.0

package/src/scss/pages/page_shopping-cart-v2.scss

@@ -16,7 +16,6 @@
     @include make-col-ready;
   }
 
-
   &__main,
   .content,
   .right-aside {
@@ -102,6 +101,16 @@
           display: flex;
         }
 
+        &:has(.checkout-widget__item-delivery-cost-message) {
+          .checkout-widget__item-charity {
+            order: 0;
+          }
+
+          .checkout-widget__voucher-accordion {
+            order: 2;
+          }
+        }
+
         .checkout-widget {
           &__item {
             &-bold {
@@ -128,7 +137,6 @@
             }
           }
 
-
           &__details-discount {
             order: 1;
           }
@@ -151,7 +159,7 @@
       .checkout-widget {
         &__item {
           font-weight: 400;
-          font-size: .875rem;
+          font-size: 0.875rem;
           padding: 10px 0;
           margin: 0;
 
@@ -175,7 +183,6 @@
             padding: 0;
           }
 
-
           &:not(.checkout-widget__item-vat) {
             margin-top: 0;
           }
@@ -188,15 +195,34 @@
             margin: 0;
             padding: 0 0 10px;
             color: $warm-grey;
-            font-size: .75rem;
+            font-size: 0.75rem;
             border-bottom: 1px solid #eee;
           }
+
+          &-delivery:has(+ .checkout-widget__item-delivery-cost-message) {
+            padding-bottom: 0;
+          }
+
+          &-delivery-cost-message {
+            padding-top: 0;
+            margin-top: 4px !important;
+            margin-bottom: 0;
+            justify-content: flex-end;
+
+            #order-delivery-cost-message {
+              @include font-size(10);
+              @include line-height(12);
+
+              font-weight: 700;
+              color: $squant;
+            }
+          }
         }
 
         &__detail {
           &-name {
             font-weight: 400;
-            font-size: .875rem;
+            font-size: 0.875rem;
 
             .accordion__header-icon-small {
               left: 75px;
@@ -206,7 +232,7 @@
 
           &-value {
             color: $gray-dark;
-            font-size: .875rem;
+            font-size: 0.875rem;
           }
         }
 
@@ -276,7 +302,7 @@
         & h5 {
           margin: 0;
           margin-top: 8px;
-          font-size: .875rem;
+          font-size: 0.875rem;
         }
       }
     }
@@ -357,7 +383,6 @@
             }
           }
         }
-
       }
     }
   }
@@ -535,7 +560,6 @@
   }
 }
 
-
 @include media-breakpoint-up(xl) {
   .basket {
     .checkout-title {

package/src/scss/pages/page_store-locator.scss

@@ -7,16 +7,26 @@ h1 {
 
 .cards-store {
   &-list {
-    @include make-col-ready;
-    margin-bottom: 20px;
+    padding-right: 0;
+    padding-left: 0;
+    height: auto;
 
     &__actions {
-      margin: 0 auto;
+      margin: 24px auto 0;
     }
   }
 
   &-wrapper {
     padding-top: 40px;
+
+    .row {
+      display: grid;
+      grid-template-columns: 1fr;
+      gap: 16px;
+      margin-right: 0;
+      margin-left: 0;
+      align-items: start;
+    }
   }
 }
 
@@ -40,10 +50,6 @@ h1 {
   padding-top: 20px;
 }
 
-.cards-store-list__actions {
-  margin: 0 auto;
-}
-
 .btn_store-near-me {
   @include button-full;
   margin-bottom: 20px;
@@ -52,25 +58,20 @@ h1 {
 @include media-breakpoint-down(sm) {
   .cards-store {
     &-list {
-      @include make-col-ready;
-      @include make-col(12);
-
       &__actions {
-        @include make-col-ready;
-        @include make-col(12);
+        width: 100%;
 
         .icon__eye {
-          svg {
-            vertical-align: -.45em;
-            height: 1.375rem;
-            width: 1.3125rem;
+          svg,
+          i {
+            vertical-align: -0.15em;
             margin-right: 5px;
           }
         }
       }
     }
 
-    &-list_open .cards-store-list:not(:nth-child(-n+3)) {
+    &-list_open .cards-store-list:not(:nth-child(-n + 3)) {
       display: block;
     }
   }
@@ -92,18 +93,28 @@ h1 {
   }
 }
 
-@include media-breakpoint-up(md) {
+@include media-breakpoint-up(sm) {
   .cards-store {
-    &-list {
-      @include make-col-ready;
-      @include make-col(4);
+    &-wrapper {
+      .row {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
 
-      &__actions {
-        display: none;
+    &-list__actions {
+      margin: 24px 0 0;
+      display: flex;
+      justify-content: center;
+
+      .btn {
+        min-width: 148px;
+        width: auto;
       }
     }
   }
+}
 
+@include media-breakpoint-up(md) {
   .btn_store-near-me {
     display: none;
   }
@@ -111,9 +122,20 @@ h1 {
 
 @include media-breakpoint-up(lg) {
   .cards-store {
-    &-list {
-      @include make-col-ready;
-      @include make-col(3);
+    &-wrapper {
+      .row {
+        grid-template-columns: repeat(3, 1fr);
+      }
+    }
+  }
+}
+
+@include media-breakpoint-up(xl) {
+  .cards-store {
+    &-wrapper {
+      .row {
+        grid-template-columns: repeat(4, 1fr);
+      }
     }
   }
 }

package/src/scss/pdp-main.scss

@@ -81,6 +81,7 @@
 @import 'components/billie-online-messaging';
 @import 'components/billie-modal';
 @import 'components/input-counter';
+@import 'components/notify-me-modal';
 
 // Pages
 @import 'pages/page_ti';

package/src/scss/store-locator-main.scss

@@ -21,9 +21,20 @@
 @import 'components/special-opening-schedule-v2';
 @import 'pages/page_store-locator';
 @import 'pages/page_store-locator-details';
-@import 'components/pagination';
+@import 'components/loader';
+// Loader
+
+.loader-wrapper {
+  position: fixed;
+}
+
+// Main
+main {
+  padding-bottom: 72px;
+}
 
 //Component card extract start
+
 .card {
   flex-direction: row;
   margin-bottom: 30px;
@@ -74,10 +85,12 @@
   div {
     font-weight: 100;
   }
+
   @include media-breakpoint-down(sm) {
     width: 100%;
   }
 }
+
 //Component card extract end
 
 //Page store-locator extract start
@@ -89,4 +102,5 @@
     display: none;
   }
 }
+
 //Page store-locator extract end

package/src/sitemap.html

@@ -50,6 +50,7 @@
                         <li><span class="page-id">1.19</span><a href="page_homepage-with-chat-bot.html" target="_blank">Homepage - With Chat Bot Icon</a></li>
                         <li><span class="page-id">1.20</span><a href="page_plp-with-paint.html" target="_blank">Products list - With paint swatches</a></li>
                         <li><span class="page-id">1.21</span><a href="page_homepage-with-global-search-v2-vat.html" target="_blank">Homepage - With Content Search V2 VAT</a></li>
+                        <li><span class="page-id">1.22</span><a href="page_plp_bloomreach.html" target="_blank">Products list Bloomreach</a></li>
                     </ul>
                     <h3>PDP</h3>
                     <ul>

package/src/js/emulation/store-locator-list.js

@@ -1,19 +0,0 @@
-//TODO: needs refactoring in future, gather tother with range-type.js for common script
-var Wick = Wick || {};
-
-Wick.StoreLocator = (function () {
-  var $button = $('.store-locator__load-button'),
-    cardsListOpenClass = 'cards-store-list_open',
-    $cardsList = $('.cards-store-wrapper'),
-    $buttons = $cardsList.find($button);
-
-  $buttons.on('click', function () {
-    if ($cardsList.hasClass(cardsListOpenClass)) {
-      $('html, body').scrollTop($cardsList.parents('.cards-store-holder').offset().top + 20);
-    }
-    $cardsList.toggleClass(cardsListOpenClass);
-    $buttons.toggle();
-  });
-})();
-
-