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

package/src/page_product-details-bloomreach.html

@@ -0,0 +1,130 @@
+{{#extend "base" pageClass="page-product-details" title="Product details page new"
+isDiscount=true
+isSQM=true
+isDescription=true
+isCashback=false
+isSize=true
+isGuide=true
+hourly-delivery=true
+badge-text='15% off'
+badge-color='yellow'
+badge-text-color='gray'
+currentlyInStock=true
+pagePdp=true
+globalSearchV2="true"
+switch-vat=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">
+  <div class="container">
+    <div class="pdp">
+      <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" 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>
+              </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__gallery">
+        {{> gallery-pdp-v2 }}
+      </div>
+      <div class="pdp__aside">
+        {{> price-block-v2
+        isProductSaved=false
+        isUserLogedOut=true
+        install=true
+        sample=true
+        cc=true
+        delivery=true
+        }}
+      </div>
+      <div class="pdp__description">
+        {{> product-main-info-v2 isProductSaved=true}}
+      </div>
+      <div
+          class="pdp__widget"
+          data-complete-widget
+          data-context-key="completeYourProject2Recomendations"
+      >
+        {{> bloomreach/complete-your-project title="Complete your project"}}
+      </div>
+      {{> fulfilment-accordions }}
+    </div>
+  </div>
+  <div class="container container-info">
+    <div class="pdp">
+      <div class="pdp__info">
+        {{> pdp-info-v2 }}
+      </div>
+    </div>
+  </div>
+  {{> recently-viewed }}
+
+  {{> similar-products-v2 }}
+
+  {{> seo-widgets title="More products" }}
+  {{> seo-widgets title="Related category" }}
+</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>
+<script defer src="./js/global-search.min.js"></script>
+{{#extend "modal" id="modal-pdp-feedback" title="Feedback Form" fullWidth=true}}
+{{#content "body"}}
+<iframe class="cboxIframe" name="cbox1538824723052"
+        src="https://docs.google.com/forms/d/1jHV5b8AazYbPmoTXJBxmyns4AcRhtKnnIC4_K_MFOPU/viewform?entry.1452922942=Wickes+Blue+Slate+Chippings+-+Major+Bag&amp;entry.1885983523=Decorative+Uk+sourced+blue+slate+chippings+are+ideal+for+gardens+and+borders.+This+beautiful+stone+changes+colour+when+wet.&amp;entry.935962220=112777&amp;entry.474385230=1000626184"></iframe>
+{{/content}}
+{{/extend}}
+{{> click-and-collect-modal}}
+{{/content}}
+{{/extend}}
+<!--<script defer src="./js/components/badge-cashback.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');
+    })
+  })
+</script>

package/src/page_product-details-calculator.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=false
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           isQuantity=true
           notifyMe=true
@@ -60,7 +58,6 @@
                 cc=true
                 delivery=true
                 }}
-                {{> fulfilment-accordions }}
             </div>
             <div class="pdp__description">
                 {{> product-main-info-v2 isAdvice=true}}

package/src/page_product-details-cashback-v2.html

@@ -6,9 +6,7 @@
           isCashback=true
           isSize=false
           hourly-delivery=false
-          badge-text='cashback'
-          badge-color='red'
-          badge-text-color='white'
+          badges=pdp-price-badges.redCashback
           currentlyInStock=true
           pagePdp=true
 }}
@@ -59,7 +57,6 @@
                         cc=true
                         delivery=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 isAdvice=true}}

package/src/page_product-details-clearpay.html

@@ -5,9 +5,7 @@ isDescription=true
 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
@@ -67,7 +65,6 @@ pagePdp=true
                 klarna-placement=true
                 clearpay-placement=true
                 }}
-                {{> fulfilment-accordions }}
             </div>
             <div class="pdp__description">
                 {{> product-main-info-v2 isAdvice=true}}

package/src/page_product-details-cnc-error-notification.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
 }}
@@ -65,7 +63,6 @@
                         nearest-purchase=true
                         more-stores-present=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 }}

package/src/page_product-details-cnc-success-notification-vat.html

@@ -6,10 +6,7 @@
           isSize=true
           isGuide=true
           hourly-delivery=true
-          badge-text='2 for £47'
-          badge-text-exc='2 for £46'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowVatText
           currentlyInStock=true
           pagePdp=true
           switch-vat=true
@@ -67,7 +64,6 @@
                         nearest-purchase=true
                         more-stores-present=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 }}

package/src/page_product-details-cnc-success-notification.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
 }}
@@ -65,7 +63,6 @@
                         nearest-purchase=true
                         more-stores-present=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 }}

package/src/page_product-details-default-store.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
 }}
@@ -67,7 +65,6 @@
                         toBeDefaultName="Borehamwood"
                         nearestName="Borehamwood"
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 }}

package/src/page_product-details-energy-efficiency.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
 }}
@@ -81,7 +79,6 @@ pagePdp=true
                 more-stores-present=true
                 isExcludingDelivery=true
                 }}
-                {{> fulfilment-accordions }}
             </div>
             <div class="pdp__description">
                 {{> product-main-info-v2

package/src/page_product-details-flooring-with-pr-placeholder.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
@@ -87,7 +85,6 @@
                     </div>
                     <div class="pdp__aside">
                         {{> price-block-v2 isProductSaved=false isUserLogedOut=false }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 isAdvice=true}}

package/src/page_product-details-flooring.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
@@ -53,7 +51,6 @@
                     </div>
                     <div class="pdp__aside">
                         {{> price-block-v2 isProductSaved=false isUserLogedOut=false }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 isAdvice=true}}

package/src/page_product-details-gallery-actual.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
@@ -306,7 +304,6 @@
                         delivery=true
                         nearest-purchase=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 isAdvice=true}}

package/src/page_product-details-mfe-calculator.html

@@ -3,13 +3,12 @@ isDiscount=true
 isSQM=true
 isDescription=false
 isCashback=false
-isSize=true
+isSize=false
 isGuide=true
+isQuantity=true
 hourly-delivery=true
-badge-text='15% off'
-badge-color='yellow'
-badge-text-color='gray'
-currentlyInStock=true
+badges=pdp-price-badges.yellowGrayText
+currentlyInStock=false
 pagePdp=true
 }}
 {{#content "head" mode="append" pagePdp=true}}
@@ -81,8 +80,11 @@ pagePdp=true
                 more-stores-present=true
                 mfeProductCalculator=true
                 default-store=true
+                isExcludingDelivery=true
+                notifyMe=true
+                klarna-placement=true
+                clearpay-placement=true
                 }}
-                {{> fulfilment-accordions }}
             </div>
             <div class="pdp__description">
                 {{> product-main-info-v2
@@ -121,7 +123,8 @@ pagePdp=true
 <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>
+{{> modals/notify-me-modal mod="modal-notify-me"}}
+<script defer src="./js/pdp.bundle.min.js"></script>
 <script defer src="./js/energy-efficiency.min.js"></script>
 {{> click-and-collect-modal pdp=pdp}}
 {{> wisdom-modal-mcfc }}

package/src/page_product-details-minimum-v2.html

@@ -55,7 +55,6 @@
                         cc=true
                         delivery=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 isAdvice=true Video=true}}

package/src/page_product-details-mtm-doors.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
@@ -51,7 +49,6 @@
                     </div>
                     <div class="pdp__aside">
                         {{> price-block-order }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 isAdvice=true}}

package/src/page_product-details-only-clearpay.html

@@ -5,9 +5,7 @@ isDescription=true
 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
@@ -66,7 +64,6 @@ pagePdp=true
                 nearest-purchase=true
                 clearpay-placement=true
                 }}
-                {{> fulfilment-accordions }}
             </div>
             <div class="pdp__description">
                 {{> product-main-info-v2 isAdvice=true}}

package/src/page_product-details-paint-mixing.html

@@ -6,9 +6,7 @@ isCashback=false
 isSize=true
 isGuide=true
 hourly-delivery=true
-badge-text='Paint Mixing'
-badge-color='blue-dark'
-badge-text-color='white'
+badges=pdp-price-badges.blueDarkPaintMixing
 badge-wide=true
 paintMixing=true
 pagePdp=true
@@ -58,7 +56,6 @@ pagePdp=true
                 paint-mix=true
                 default-store=true
                 }}
-                {{> fulfilment-accordions }}
             </div>
             <div class="pdp__description">
                 {{> product-main-info-v2 }}

package/src/page_product-details-ripple-gallery.html

@@ -0,0 +1,119 @@
+{{#extend "base" pageClass="page-product-details" title="PDP - Gallery with 5 images"
+          isDiscount=false
+          isExcludingDelivery=true
+          isCashback=false
+          isQuantity=true
+          isSize=false
+          klarna-placement=true
+          clearpay-placement=true
+          hourly-delivery=true
+          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}}
+                    </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 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_5000088246_00, products/wickes/GPID_5000088246_03, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_02]')"></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-saved-pl.html

@@ -8,9 +8,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
     miniBasketEmpty=true
@@ -62,7 +60,6 @@
                         cc=true
                         delivery=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 isProductSaved=true}}