wickes-css2 2.107.0-ripple.2 → 2.107.0-ripple.21

package/src/scss/pdp-main.scss

@@ -27,7 +27,6 @@
 @import 'components/search-filter';
 @import 'components/card-color-slider';
 @import 'components/pdp-cta';
-@import 'components/pdp-action-v2';
 @import 'components/pdp-info-v2';
 @import 'components/range-types';
 @import 'components/gallery-pdp';
@@ -84,6 +83,11 @@
 @import 'components/suite-includes';
 @import 'components/suite-product-card';
 @import 'components/image-accordion';
+@import 'components/thumb-gallery';
+@import 'components/postcode-checker';
+
+@import 'components/notify-me-modal';
+@import 'components/bloomreach/bloomreach';
 
 // Pages
 @import 'pages/page_ti';

package/src/scss/plp-main.scss

@@ -28,6 +28,11 @@
 @import 'components/card-product-banner';
 @import 'components/shop-colour';
 @import 'components/quick-filter';
+@import 'components/package-plp';
+@import 'components/package-card';
+@import 'components/kitchen/price';
+@import 'components/kitchen/strip-stickers';
+@import 'components/price-block-v2-critical';
 
 // Pages
 @import 'pages/page_products-list-combined';

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>
@@ -257,6 +258,12 @@
                                 Product details page - Paint Mixing
                             </a>
                         </li>
+                        <li>
+                            <span class="page-id">2.33</span>
+                            <a href="page_product-details-bloomreach.html" target="_blank">
+                                Product details page - Bloomreach
+                            </a>
+                        </li>
                     </ul>
                     <h3>Content pages</h3>
                     <ul> <!--TBD: after deleting commented pages, appropriate css code needs to be cleaned-->
@@ -527,6 +534,7 @@
                         <li><h5 class="mb-0">Account Pages Redesign</h5></li>
                         <li><span class="page-id">5.15</span><a href="page_my-account.html" target="_blank">My Account DIY</a></li>
                         <li><a href="page_my-account-installer.html" target="_blank">My Account Installer</a></li>
+                        <li><a href="page_my-account-installer-carousel.html" target="_blank">My Account Installer Carousel</a></li>
                         <li><a href="page_my-account-trade-pro.html" target="_blank">My Account TradePro</a></li>
                         <li><a href="page_my-account-trade-pro-carousel.html" target="_blank">My Account TradePro Carousel</a></li>
                         <li><a href="page_my-account-trade-pro-carousel-double.html" target="_blank">My Account TradePro Carousel Double</a></li>
@@ -1268,6 +1276,12 @@
                     <h3>Ripple</h3>
                     <ul>
                         <li><span class="page-id">1</span><a href="page_product-details-suite-includes.html" target="_blank">PDP - with This suite includes</a></li>
+                        <li><span class="page-id">2</span><a href="page_product-details-suite-includes-vat.html" target="_blank">PDP - with This suite includes VAT</a></li>
+                        <li><span class="page-id">3</span><a href="page_product-details-ripple-gallery.html" target="_blank">PDP - gallery with 5 images</a></li>
+                        <li><span class="page-id">4</span><a href="page_product-details-suite-includes-banners.html" target="_blank">PDP - with Banners</a></li>
+                        <li><span class="page-id">5</span><a href="page_bathroom-plp.html" target="_blank">PLP - bathroom</a></li>
+                        <li><span class="page-id">6</span><a href="page_bathroom-plp-vat.html" target="_blank">PLP - bathroom VAT</a></li>
+                        <li><span class="page-id">7</span><a href="page_bathroom-plp-without-load-more.html" target="_blank">PLP - without Load more</a></li>
                     </ul>
                 </div>
             </div>
@@ -1281,6 +1295,7 @@
                 <li><a href="CTAs.html" target="_blank">Call to action</a></li>
                 <li><a href="notifications.html" target="_blank">Notifications</a></li>
                 <li><a href="badges.html" target="_blank">Badges</a></li>
+                <li><a href="badges-ripple.html" target="_blank">Badges static</a></li>
                 <li><a href="loader-page.html" target="_blank">Loader</a></li>
             </ul>
         </div>

package/build/css/components/kitchen/strip-stickers.css

@@ -1 +0,0 @@
-.strip-stickers{display:flex;flex-wrap:wrap;gap:8px}.strip-stickers .strip-sticker{padding:4px 12px;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-stickers--right{justify-content:flex-end}

package/build/css/components/strip-stickers.css

@@ -1 +0,0 @@
-.strip-stickers{display:flex;flex-wrap:wrap;gap:8px}.strip-stickers .strip-sticker{padding:4px 12px;font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-stickers--right{justify-content:flex-end}

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();
-  });
-})();
-
-

package/src/scss/components/kitchen/strip-stickers.scss

@@ -1,18 +0,0 @@
-.strip-stickers {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-
-  .strip-sticker {
-    padding: 4px 12px;
-    font-size: .875rem;
-    font-weight: 500;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  &--right {
-    justify-content: flex-end;
-  }
-}

package/src/scss/components/strip-stickers.scss

@@ -1,18 +0,0 @@
-.strip-stickers {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-
-  .strip-sticker {
-    padding: 4px 12px;
-    font-size: .875rem;
-    font-weight: 500;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  &--right {
-    justify-content: flex-end;
-  }
-}