wickes-css2 2.113.0-develop.1 → 2.113.0-develop.11

package/src/page_product-details-suite-includes-vat.html

@@ -0,0 +1,126 @@
+{{#extend "base" pageClass="page-product-details" title="Product details page suite includes VAT"
+          isDiscount=true
+          isExcludingDelivery=true
+          isCashback=false
+          isQuantity=true
+          isSize=false
+          billie-placement=true
+          clearpay-placement=true
+          hourly-delivery=true
+          isStaticBadges=true
+          badges=pdp-price-badges.rippleBadges.twoRed
+          step3=true
+          currentlyInStock=true
+          pagePdp=true
+          switch-vat=true
+          package=true
+}}
+    {{#content "head" mode="append" pagePdp=true}}
+    {{/content}}
+    {{#content "body"}}
+        <main class="pdp__main">
+            <div class="container">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__title">
+                        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
+                            title in two raws
+                        </h1>
+                        <div class="pdp__reviews_small">
+                            <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
+                            <div class="product-card__reviews review-star">
+                                <div class="product-rating product-rating-v2">
+                                    <div class="rating-bg">
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <div class="rating-overlay"
+                                             data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
+                                            <i class="fa fa-star" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                                <span class="review-star-average review-star-average-v2">(4.6)</span>
+                            </div>
+                            <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
+                        </div>
+                    </div>
+
+                    <div class="pdp__full-gallery">
+                        {{> thumb-gallery }}
+                    </div>
+
+                    <div class="pdp__aside">
+                        {{> price-block-v2 isProductSaved=false isUserLogedOut=false
+                        was_price=ripple-pdp.was_price
+                        was_price-vat=ripple-pdp.was_price-vat
+                        price=ripple-pdp.price price-vat=ripple-pdp.price-vat }}
+                    </div>
+
+                    <div class="pdp__full-description">
+                        {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
+                    </div>
+
+
+                    <div class="pdp__suite-includes">
+                        {{> suite-includes products=ripple-pdp.suite-products-promo was_price=ripple-pdp.was_price
+                        was_price-vat=ripple-pdp.was_price-vat
+                        price=ripple-pdp.price price-vat=ripple-pdp.price-vat}}
+                    </div>
+                    {{> fulfilment-accordions}}
+                </div>
+            </div>
+            <div class="container container-info">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__info">
+                        {{> pdp-info-v2 floor=true }}
+                    </div>
+                </div>
+            </div>
+            <div class="pdp--ripple">
+                {{> seo-widgets title="Related category" }}
+            </div>
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+        <script type="text/html" id="mini-basket-popup">
+                {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
+        </script>
+        <script defer src="./js/page/pdp.js"></script>
+        {{> click-and-collect-modal}}
+        {{> thank-you-modal}}
+    {{/content}}
+{{/extend}}
+<!--<script defer src="./js/page/ti.js"></script>-->
+<script type="module" defer src="./js/page/installation/fi.js"></script>
+<script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
+<script defer src="./js/package-bulk-add.min.js"></script>
+<script>
+    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
+        $(document).ready(function () {
+            $('.modal').on('scroll', function () {
+                $(':focus').blur();
+            });
+        });
+    }
+
+    $(document).ready(function () {
+
+        $('#info-details').toggleClass('accordion_collapsed');
+        $('#details-content').css('display', 'block');
+
+        $('#open-review').on('click', function () {
+            $('#info-review').toggleClass('accordion_collapsed');
+            $('#review-content').css('display', 'block');
+        });
+
+        $('.ti__next ti__next3 .btn').on('click', function () {
+           alert('Click');
+        });
+    })
+</script>

package/src/page_product-details-suite-includes.html

@@ -0,0 +1,122 @@
+{{#extend "base" pageClass="page-product-details" title="Product details page suite includes "
+          isDiscount=true
+          isExcludingDelivery=true
+          isCashback=false
+          isQuantity=true
+          isSize=false
+          klarna-placement=true
+          clearpay-placement=true
+          hourly-delivery=true
+          isStaticBadges=true
+          badges=pdp-price-badges.rippleBadges.greenRed
+          step3=true
+          currentlyInStock=true
+          pagePdp=true
+          package=true
+          postcodeChecker=false
+}}
+    {{#content "head" mode="append" pagePdp=true}}
+    {{/content}}
+    {{#content "body"}}
+        <main class="pdp__main">
+            <div class="container">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__title">
+                        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
+                            title in two raws
+                        </h1>
+                        <div class="pdp__reviews_small">
+                            <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
+                            <div class="product-card__reviews review-star">
+                                <div class="product-rating product-rating-v2">
+                                    <div class="rating-bg">
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <div class="rating-overlay"
+                                             data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
+                                            <i class="fa fa-star" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                                <span class="review-star-average review-star-average-v2">(4.6)</span>
+                            </div>
+                            <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
+                        </div>
+                    </div>
+
+                    <div class="pdp__full-gallery">
+                        {{> thumb-gallery }}
+                    </div>
+
+                    <div class="pdp__aside">
+                        {{> price-block-v2 isProductSaved=false isUserLogedOut=false
+                        price=ripple-pdp.price was_price=ripple-pdp.was_price}}
+                    </div>
+
+                    <div class="pdp__full-description">
+                        {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
+                    </div>
+
+                    <div class="pdp__suite-includes">
+                        {{> suite-includes products=ripple-pdp.suite-products-promo was_price=ripple-pdp.was_price price=ripple-pdp.price }}
+                    </div>
+                    {{> fulfilment-accordions}}
+                </div>
+            </div>
+            <div class="container container-info">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__info">
+                        {{> pdp-info-v2 floor=true }}
+                    </div>
+                </div>
+            </div>
+            <div class="pdp--ripple">
+                {{> seo-widgets title="Related category" }}
+            </div>
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+        <script type="text/html" id="mini-basket-popup">
+                {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
+        </script>
+        <script defer src="./js/page/pdp.js"></script>
+        {{> click-and-collect-modal}}
+        {{> thank-you-modal}}
+    {{/content}}
+{{/extend}}
+<!--<script defer src="./js/page/ti.js"></script>-->
+<script type="module" defer src="./js/page/installation/fi.js"></script>
+<script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
+<script defer src="./js/postcode-checker.min.js"></script>
+<script>
+    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
+        $(document).ready(function () {
+            $('.modal').on('scroll', function () {
+                $(':focus').blur();
+            });
+        });
+    }
+
+    $(document).ready(function () {
+
+        $('#info-details').toggleClass('accordion_collapsed');
+        $('#details-content').css('display', 'block');
+
+        $('#open-review').on('click', function () {
+            $('#info-review').toggleClass('accordion_collapsed');
+            $('#review-content').css('display', 'block');
+        });
+
+        $('.ti__next ti__next3 .btn').on('click', function () {
+           alert('Click');
+        });
+    })
+</script>
+

package/src/page_product-details-tile-steps-klarna-widget-with-method-ids.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           currentlyInStock=true
           pagePdp=true

package/src/page_product-details-tile-steps-logout.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           currentlyInStock=true
           pagePdp=true

package/src/page_product-details-tile-steps-no-new-project-list.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           currentlyInStock=true
           pagePdp=true

package/src/page_product-details-tile-steps-with-klarna.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           currentlyInStock=true
           pagePdp=true

package/src/page_product-details-tile-steps.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           currentlyInStock=true
           pagePdp=true

package/src/page_product-details-v2.html

@@ -6,9 +6,7 @@
           isSize=true
           isGuide=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           currentlyInStock=true
           pagePdp=true
 }}

package/src/page_product-details-vat.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           currentlyInStock=true
           pagePdp=true

package/src/page_product-details-wisdom-mcfc-registered.html

@@ -6,9 +6,7 @@ isCashback=false
 isSize=true
 isGuide=true
 hourly-delivery=true
-badge-text='15% off'
-badge-color='yellow'
-badge-text-color='gray'
+badges=pdp-price-badges.yellowGrayText
 currentlyInStock=true
 pagePdp=true
 }}

package/src/page_product-details-wisdom-mcfc.html

@@ -6,9 +6,7 @@ isCashback=false
 isSize=true
 isGuide=true
 hourly-delivery=true
-badge-text='15% off'
-badge-color='yellow'
-badge-text-color='gray'
+badges=pdp-price-badges.yellowGrayText
 currentlyInStock=true
 pagePdp=true
 }}

package/src/page_product-details-wisdom-oos-registered.html

@@ -6,9 +6,7 @@
           isSize=true
           isGuide=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           currentlyInStock=true
           pagePdp=true
 }}

package/src/page_product-details-wisdom-oos.html

@@ -6,9 +6,7 @@
           isSize=true
           isGuide=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           currentlyInStock=true
           pagePdp=true
 }}

package/src/page_product-details-wisdom-registered.html

@@ -6,9 +6,7 @@
           isSize=true
           isGuide=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           currentlyInStock=true
           pagePdp=true
 }}

package/src/page_product-details-wisdom.html

@@ -6,9 +6,7 @@
           isSize=true
           isGuide=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           currentlyInStock=true
           pagePdp=true
 }}

package/src/page_product-details-with-favourite.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           currentlyInStock=true
           pagePdp=true

package/src/page_product-details-with-global-search-v2.html

@@ -6,13 +6,12 @@ isCashback=false
 isSize=true
 isGuide=true
 hourly-delivery=true
-badge-text='15% off'
-badge-color='yellow'
-badge-text-color='gray'
+badges=pdp-price-badges.yellowGrayText
 currentlyInStock=true
 pagePdp=true
 globalSearchV2="true"
 switch-vat=true
+isWhyNotAdd=true
 }}
 {{#content "head" mode="append" pagePdp=true}}
 <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
@@ -69,12 +68,10 @@ switch-vat=true
       <div class="pdp__description">
         {{> product-main-info-v2 isProductSaved=true}}
       </div>
-      <div
-          class="pdp__widget"
-          data-complete-widget
-          data-mock-key="completeYourProject3Recomendations"
-      >
-        {{> bloomreach/complete-your-project title="Complete your project"}}
+      <div class="pdp__widget">
+        {{> bloomreach/complete-your-project
+            context="completeYourProject3Recomendations"
+        }}
       </div>
       {{> fulfilment-accordions }}
     </div>

package/src/page_product-details-with-why-not-add-single.html

@@ -13,12 +13,13 @@ currentlyInStock=true
 pagePdp=true
 globalSearchV2="true"
 switch-vat=true
+isWhyNotAdd=true
 }}
 {{#content "head" mode="append" pagePdp=true}}
 <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
 {{/content}}
 {{#content "body"}}
-<main class="pdp__main">
+<main class="pdp__main" data-cart-mock-key="cartPDPSingle">
   <div class="container">
     <div class="pdp">
       <div class="pdp__title">

package/src/page_product-details_no-previous-default.html

@@ -6,9 +6,7 @@
           isSize=true
           isGuide=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           currentlyInStock=true
           pagePdp=true
 }}

package/src/scss/components/_cards-slider.scss

@@ -66,7 +66,9 @@
     background-color: $gray;
     height: 6px;
     width: 6px;
-    transition: width 0.3s ease-in, background-color 0.3s ease-in;
+    transition:
+      width 0.3s ease-in,
+      background-color 0.3s ease-in;
 
     &-active {
       background-color: $blue;

package/src/scss/components/_checkout_order.scss

@@ -341,7 +341,8 @@
       }
     }
 
-    &:last-child {
+    &:last-child,
+    &:has(+ .delivery-block__heavy-banners-wrapper.d-none:last-child) {
       .order-block__product-line {
         .show-products {
           padding-bottom: 0;

package/src/scss/components/_date-selection-add-new-styles.scss

@@ -286,6 +286,35 @@
       }
     }
   }
+
+  .rapid-info-icon {
+    display: inline-flex;
+    align-items: center;
+    vertical-align: bottom;
+    pointer-events: auto;
+    margin-left: 4px;
+    cursor: pointer;
+    color: $white;
+    font-size: 1rem;
+
+    [data-prefix='fas'],
+    [data-prefix='far'] {
+      color: $white;
+    }
+
+    &:hover {
+      opacity: 0.8;
+
+      [data-prefix='far'] {
+        color: $white;
+      }
+    }
+  }
+
+  &__image {
+    position: absolute;
+    right: 12px;
+  }
 }
 
 .delivery-container {