wickes-css2 2.113.0 → 2.117.0-develop.1

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">

package/src/page_product-details-with-similar-products-widget.html

@@ -0,0 +1,132 @@
+{{#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"}}
+{{>tradepro-discount-banner}}
+<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
+        noDelivery=true
+        klarna-placement=true
+        similarProductsMockDataKey="similarProductsRecommendations"
+        }}
+      </div>
+      <div class="pdp__description">
+        {{> product-main-info-v2 isProductSaved=true}}
+      </div>
+      <div class="pdp__widget">
+        {{> bloomreach/complete-your-project
+            context="completeYourProject3Recomendations"
+        }}
+      </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-with-why-not-add-single.html

@@ -13,6 +13,7 @@ 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">

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/page_tradePro-checkout-summary-klarna.html

@@ -54,237 +54,7 @@
       <div class="signup-tradepro__attach checkout-tradepro__attach_id">
         {{> attach-make make-attachment=true}}
         {{> modal id="attac"}}
-        {{#extend "modal" id="attach" title="Choose Type of ID" fullWidth=true classMod="id-type"}}
-        {{#content "sections"}}
-
-        {{#extend "modal-body-section" customSectionClass="id-type-signup"}}
-        {{#content "body"}}
-        {{> notifications notification-page.warning withCloseBtn="true"
-        text="Unable to attach file. Only JPG, PNG, GIF, BMP, WEBP, TIFF and HEIF image files are supported."}}
-        <div class="signup-tradepro__modal-info">
-          Select two forms of ID.
-          <div class="tradepro-id-counter_wrap">
-            <span>1</span>
-            of
-            <span>2</span>
-          </div>
-          ID's chosen
-        </div>
-        <div class="signup-tradepro__modal-fields">
-          <div class="tradepro-field">
-                      <span class="icon icon__link inactive-el">
-                        <i class="far fa-link"></i>
-                      </span>
-            <a href="#" class="signup-tradepro__modal-trigger inactive-el">Trade business website</a>
-            <div class="signup-tradepro__modal-action">
-              <div class="form-row" data-row-required="">
-                <label class="form-row__label"></label>
-                <div class="form-row__field">
-                  {{> input need-pattern=true}}
-                  <div class="form-row__error">{{error}}</div>
-                </div>
-              </div>
-              <div class="signup-tradepro__modal-buttons">
-                <div class="row">
-                  <div class="button-done">
-                    <button class="btn btn-primary">
-                      Done
-                    </button>
-                  </div>
-                  <div class="button-cancel">
-                    <button class="btn btn-secondary">
-                      Cancel
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tradepro-field">
-                      <span class="icon icon__link">
-                        <i class="far fa-link"></i>
-                      </span>
-            <span class="icon icon__pencil">
-                        <i class="far fa-pencil"></i>
-                      </span>
-            <a href="#" class="signup-tradepro__modal-trigger">Check a trade profile</a>
-            <div class="signup-tradepro__modal-action">
-              <div class="form-row" data-row-required="">
-                <label class="form-row__label"></label>
-                <div class="form-row__field">
-                  {{> input need-pattern=true}}
-                  <div class="form-row__error">{{error}}</div>
-                </div>
-              </div>
-              <div class="signup-tradepro__modal-buttons">
-                <div class="row">
-                  <div class="button-done">
-                    <button class="btn btn-primary">
-                      Done
-                    </button>
-                  </div>
-                  <div class="button-cancel">
-                    <button class="btn btn-secondary">
-                      Cancel
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tradepro-field">
-                      <span class="icon icon__link">
-                        <i class="far fa-link"></i>
-                      </span>
-            <a href="#" class="signup-tradepro__modal-trigger">Facebook trade business page</a>
-            <span class="icon icon__notification">
-                        <span class="fas fa-check-circle"></span>
-                      </span>
-            <div class="signup-tradepro__modal-action">
-              <div class="form-row" data-row-required="">
-                <label class="form-row__label"></label>
-                <div class="form-row__field">
-                  {{> input need-pattern=true}}
-                  <div class="form-row__error">{{error}}</div>
-                </div>
-              </div>
-              <div class="signup-tradepro__modal-buttons">
-                <div class="row">
-                  <div class="button-done">
-                    <button class="btn btn-primary">
-                      Done
-                    </button>
-                  </div>
-                  <div class="button-cancel">
-                    <button class="btn btn-secondary">
-                      Cancel
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tradepro-field">
-                      <span class="icon icon__link">
-                        <i class="far fa-link"></i>
-                      </span>
-            <a href="#" class="signup-tradepro__modal-trigger">Mybuilder profile</a>
-            <div class="signup-tradepro__modal-action">
-              <div class="form-row" data-row-required="">
-                <label class="form-row__label"></label>
-                <div class="form-row__field">
-                  {{> input need-pattern=true}}
-                  <div class="form-row__error">{{error}}</div>
-                </div>
-              </div>
-              <div class="signup-tradepro__modal-buttons">
-                <div class="row">
-                  <div class="button-done">
-                    <button class="btn btn-primary">
-                      Done
-                    </button>
-                  </div>
-                  <div class="button-cancel">
-                    <button class="btn btn-secondary">
-                      Cancel
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tradepro-field">
-                      <span class="icon icon__paperclip">
-                        <i class="far fa-paperclip"></i>
-                      </span>
-            {{> attach-make make-capture=true}}
-            <input class="tradepro-attachment" type="file" accept="image/*" capture>
-          </div>
-          <div class="tradepro-field">
-            <img src="img/placeholders/thumbnail-sm.png"/>
-                      <span class="icon icon__paperclip">
-                        <i class="far fa-paperclip"></i>
-                      </span>
-            <span class="icon icon__camera">
-                        <i class="far fa-camera"></i>
-                      </span>
-            <a href="#" class="signup-tradepro__modal-trigger">Letterhead</a>
-            <input class="tradepro-attachment" type="file" accept="image/*" capture>
-          </div>
-          <div class="tradepro-field">
-                      <span class="icon icon__paperclip">
-                        <i class="far fa-paperclip"></i>
-                      </span>
-            <span class="icon icon__camera">
-                        <i class="far fa-camera"></i>
-                      </span>
-            <a href="#" class="signup-tradepro__modal-trigger">Compliment slip</a>
-            <input class="tradepro-attachment" type="file" accept="image/*" capture>
-          </div>
-          <div class="tradepro-field">
-                      <span class="icon icon__edit">
-                        <i class="fas fa-edit"></i>
-                      </span>
-            <a href="#" class="signup-tradepro__modal-trigger">Ltd company: Registration number</a>
-            <div class="signup-tradepro__modal-action">
-              <div class="form-row" data-row-required="">
-                <label class="form-row__label"></label>
-                <div class="form-row__field">
-                  {{> input need-pattern=true}}
-                  <div class="form-row__error">{{error}}</div>
-                </div>
-              </div>
-              <div class="signup-tradepro__modal-buttons">
-                <div class="row">
-                  <div class="button-done">
-                    <button class="btn btn-primary">
-                      Done
-                    </button>
-                  </div>
-                  <div class="button-cancel">
-                    <button class="btn btn-secondary">
-                      Cancel
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="tradepro-field">
-                      <span class="icon icon__edit">
-                        <i class="fas fa-edit"></i>
-                      </span>
-            <a href="#" class="signup-tradepro__modal-trigger">Plc: Registration number</a>
-            <div class="signup-tradepro__modal-action">
-              <div class="form-row" data-row-required="">
-                <label class="form-row__label"></label>
-                <div class="form-row__field">
-                  {{> input need-pattern=true}}
-                  <div class="form-row__error">{{error}}</div>
-                </div>
-              </div>
-              <div class="signup-tradepro__modal-buttons">
-                <div class="row">
-                  <div class="button-done">
-                    <button class="btn btn-primary">
-                      Done
-                    </button>
-                  </div>
-                  <div class="button-cancel">
-                    <button class="btn btn-secondary">
-                      Cancel
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        {{/content}}
-        {{/extend}}
-
-        {{/content}}
-        {{/extend}}
+        {{> modal-id-type }}
       </div>
       <div class="chosen-form-container">
         <div class="chosen-form-wrap">
@@ -335,8 +105,11 @@
 </div>
 {{/content}}
 {{#content "foot" mode="append"}}
+<script src="./js/pdf-preview.min.js"></script>
 <!--<script defer src="js/page/checkout-confirmation.js"></script>-->
 {{/content}}
 {{/extend}}
 
 {{> modal-capture }}
+{{> modal-pdf-preview }}
+{{> loader hidden=true modifier="basket-loader tradepro-id-loader"}}