wickes-css2 2.109.0-develop.2 → 2.109.0-develop.4

package/src/components/price-block-v2.hbs

@@ -1,232 +1,229 @@
 <div class="pdp-price-container">
-    {{#if isDiscount}}
-        <div class="pdp__badges pdp-price-container__badges price__badges-v2 price__badges-v2-{{badge-color}}
-            {{#if badge-text-color}}price__badges-v2-text-{{badge-text-color}}{{/if}}
-            {{#if badge-wide}}price__badges-v2-wide{{/if}}">
-            {{#ifCond switch-vat '&&' badge-text-exc}}
-                <div class="pdp__badge including-vat">{{badge-text}}</div>
-                <div class="pdp__badge excluding-vat d-none">{{badge-text-exc}}</div>
-            {{else}}
-                <div class="pdp__badge">{{badge-text}}</div>
-            {{/ifCond}}
-        </div>
-    {{/if}}
-    <div class="pdp-price">
-        <div class="pdp-price__value">
-            {{#if switch-vat}}
-                <div class="pdp-price-sale__value including-vat">
-                    {{#if isDiscount}}
-                        <div class="pdp-price__old-price"><s>&pound;119.99</s></div>
-                        <div class="main-price">
-                            <div class="main-price__value pdp-price__new-price">&pound;79.99</div>
-                            <div class="main-price__vat">Inc.VAT</div>
-                        </div>
-                        {{#if isSQM}}
-                            <div class="pdp-price__sqm">&pound;40 per SQM</div>
-                        {{/if}}
-                        <div class="pdp-price__remainder">You save &pound;40</div>
-                        {{#if isExcludingDelivery}}
-                          <a href="#" class="pdp-price__excluding-delivery">Excluding delivery</a>
-                        {{/if}}
-                        {{#if isDescription}}
-                            {{#if isCashback}}
-                                <div class="pdp-price__description">
-                                    *Cashback offer valid until 31st May 2019.
-                                    Claim by 31st July 2019.
-                                    Terms & conditions apply.
-                                </div>
-                                <div class="pdp-price__terms">
-                                    <a href="#">
-                                        Cashback Terms and Conditions
-                                    </a>
-                                </div>
-                            {{else}}
-                                <div class="pdp-price__description">
-                                    Offer price equivalent to &pound;24 per item
-                                </div>
-                            {{/if}}
-                        {{/if}}
-
-                    {{else}}
-                        <div class="pdp-price__price">&pound;79.99</div>
-                    {{/if}}
+  {{#if isDiscount}}
+    <div class="pdp__badges pdp-price-container__badges price__badges-v2 price__badges-v2-{{badge-color}}
+      {{#if badge-text-color}}price__badges-v2-text-{{badge-text-color}}{{/if}}
+      {{#if badge-wide}}price__badges-v2-wide{{/if}}">
+      {{#ifCond switch-vat '&&' badge-text-exc}}
+        <div class="pdp__badge including-vat">{{badge-text}}</div>
+        <div class="pdp__badge excluding-vat d-none">{{badge-text-exc}}</div>
+      {{else}}
+        <div class="pdp__badge">{{badge-text}}</div>
+      {{/ifCond}}
+    </div>
+  {{/if}}
+  <div class="pdp-price">
+    <div class="pdp-price__value">
+      {{#if switch-vat}}
+        <div class="pdp-price-sale__value including-vat">
+          {{#if isDiscount}}
+            <div class="pdp-price__old-price"><s>&pound;119.99</s></div>
+            <div class="main-price">
+              <div class="main-price__value pdp-price__new-price">&pound;79.99</div>
+              <div class="main-price__vat">Inc.VAT</div>
+            </div>
+            {{#if isSQM}}
+              <div class="pdp-price__sqm">&pound;40 per SQM</div>
+            {{/if}}
+            <div class="pdp-price__remainder">You save &pound;40</div>
+            {{#if isExcludingDelivery}}
+              <a href="#" class="pdp-price__excluding-delivery">Excluding delivery</a>
+            {{/if}}
+            {{#if isDescription}}
+              {{#if isCashback}}
+                <div class="pdp-price__description">
+                  *Cashback offer valid until 31st May 2019.
+                  Claim by 31st July 2019.
+                  Terms & conditions apply.
                 </div>
-                <div class="pdp-price-sale__value excluding-vat d-none">
-                    {{#if isDiscount}}
-                        <div class="pdp-price__old-price"><s>&pound;118.99</s></div>
-                        <div class="main-price">
-                            <div class="main-price__value pdp-price__new-price">&pound;78.99</div>
-                            <div class="main-price__vat">Exc.VAT</div>
-                        </div>
-                        {{#if isSQM}}
-                            <div class="pdp-price__sqm">&pound;39 per SQM</div>
-                        {{/if}}
-                        <div class="pdp-price__remainder">You save &pound;39</div>
-                        {{#if isExcludingDelivery}}
-                          <a href="#" class="pdp-price__excluding-delivery">Excluding delivery</a>
-                        {{/if}}
-                        {{#if isDescription}}
-                            {{#if isCashback}}
-                                <div class="pdp-price__description">
-                                    *Cashback offer valid until 31st May 2019.
-                                    Claim by 31st July 2019.
-                                    Terms & conditions apply.
-                                </div>
-                                <div class="pdp-price__terms">
-                                    <a href="#">
-                                        Cashback Terms and Conditions
-                                    </a>
-                                </div>
-                            {{else}}
-                                <div class="pdp-price__description">
-                                    Offer price equivalent to &pound;23 per item
-                                </div>
-                            {{/if}}
-                        {{/if}}
-
-                    {{else}}
-                        <div class="pdp-price__price">&pound;79.99</div>
-                    {{/if}}
+                <div class="pdp-price__terms">
+                  <a href="#">
+                    Cashback Terms and Conditions
+                  </a>
                 </div>
-            {{else}}
-                <div class="pdp-price-sale__value">
-                    {{#if isDiscount}}
-                        <div class="pdp-price__old-price"><s>&pound;119.99</s></div>
-                        <div class="pdp-price__new-price">&pound;79.99</div>
-                        {{#if isSQM}}
-                            <div class="pdp-price__sqm">&pound;40 per SQM</div>
-                        {{/if}}
-                        <div class="pdp-price__remainder">You save &pound;40</div>
-                        {{#if isExcludingDelivery}}
-                          <a href="#" class="pdp-price__excluding-delivery">Excluding delivery</a>
-                        {{/if}}
-                        {{#if isDescription}}
-                            {{#if isCashback}}
-                                <div class="pdp-price__description">
-                                    *Cashback offer valid until 31st May 2019.
-                                    Claim by 31st July 2019.
-                                    Terms & conditions apply.
-                                </div>
-                                <div class="pdp-price__terms">
-                                    <a href="#">
-                                        Cashback Terms and Conditions
-                                    </a>
-                                </div>
-                            {{else}}
-                                <div class="pdp-price__description">
-                                    Long offer message Lorem ipsum dolor sit amet,
-                                    consectetur adipiscing elit.
-                                    Aenean euismod bibendum laoreet
-                                </div>
-                            {{/if}}
-                        {{/if}}
-                    {{else}}
-                        <div class="pdp-price__price">&pound;79.99</div>
-                    {{/if}}
+              {{else}}
+                <div class="pdp-price__description">
+                  Offer price equivalent to &pound;24 per item
                 </div>
+              {{/if}}
             {{/if}}
-            {{#if klarna-placement}}
-              <div class="pdp-price__klarna-payment">
-                <klarna-placement
-                    data-key="credit-promotion-badge"
-                    data-locale="en-GB"
-                    data-purchase-amount="12000"
-                    {{#if klarna-method-ids}}data-custom-payment-method-ids="{{klarna-method-ids}}"{{/if}}
-                ></klarna-placement>
-              </div>
-            {{/if}}
-            {{#if billie-placement}}
-            <div class="pdp-price__billie-payment">
-              {{> billie-online-messaging}}
+
+          {{else}}
+            <div class="pdp-price__price">&pound;79.99</div>
+          {{/if}}
+        </div>
+        <div class="pdp-price-sale__value excluding-vat d-none">
+          {{#if isDiscount}}
+            <div class="pdp-price__old-price"><s>&pound;118.99</s></div>
+            <div class="main-price">
+              <div class="main-price__value pdp-price__new-price">&pound;78.99</div>
+              <div class="main-price__vat">Exc.VAT</div>
             </div>
+            {{#if isSQM}}
+              <div class="pdp-price__sqm">&pound;39 per SQM</div>
             {{/if}}
-            {{#if clearpay-placement}}
-              {{> clearpay}}
+            <div class="pdp-price__remainder">You save &pound;39</div>
+            {{#if isExcludingDelivery}}
+              <a href="#" class="pdp-price__excluding-delivery">Excluding delivery</a>
             {{/if}}
-        </div>
-        {{#if currentlyInStock}}
-            <div class="pdp-price__value pdp-price__value_extended">
-                <div class="pdp-price__delivery">
-                    <span class="delivery-link">Delivery</span>
-                    <span class="delivery-info">Available to certain postcodes</span>
+            {{#if isDescription}}
+              {{#if isCashback}}
+                <div class="pdp-price__description">
+                  *Cashback offer valid until 31st May 2019.
+                  Claim by 31st July 2019.
+                  Terms & conditions apply.
                 </div>
-            </div>
-        {{else if notifyMe}}
-            <div class="pdp-price__oos">
-                <a href="#" class="btn btn-action btn_full">
-                    <span class="btn__text">Notify Me</span>
-                </a>
-                <p>Currently out of stock, use our Notify Me button to receive an email when this item is available</p>
-            </div>
-        {{else}}
-            <div class="pdp-price__oos">
-                <strong>Out of Stock</strong>
-                <p>Sorry, this product is out of stock</p>
-            </div>
-            <div class="pdp-price__in-store-only">
-                <p>In Store Only</p>
-            </div>
-        {{/if}}
-        <div class="pdp-price__controls">
-            {{#if isSize}}
-                <div class="pdp-price__size">
-                    {{> form-row row-mod="sort-order-by" dropdown="true" id="d1" placeholder="Please select a size"}}
+                <div class="pdp-price__terms">
+                  <a href="#">
+                    Cashback Terms and Conditions
+                  </a>
                 </div>
+              {{else}}
+                <div class="pdp-price__description">
+                  Offer price equivalent to &pound;23 per item
+                </div>
+              {{/if}}
             {{/if}}
-            <div class="
-                pdp-price__control-holder
-                {{#unless wisdom}}
-                    {{#if big-wins}}
-                        control-holder__big-wins
+
+                    {{else}}
+                        <div class="pdp-price__price">&pound;79.99</div>
                     {{/if}}
-                {{/unless}}
-            ">
-                <p>Minimum order quantity for delivery is 4</p>
-                {{#unless isQuantity}}
-                    <label for="quantity-field" class="quantity-label">Quantity: </label>
-                    <input type="text" inputmode="numeric" required="" pattern="[0-9]*\d" id="quantity-field"
-                           class="tbx tbx_quantity"
-                           value="1">
-                {{/unless}}
-                {{#unless default-store}}
-                    <div class="pdp-price__calculator-wrapper">
-                        <a href="#">
-                        <span class="icon">
-                        <i class="far fa-calculator"></i>
-                        </span>
-                            Calculator
-                        </a>
-                    </div>
-                {{/unless}}
-            </div>
-            {{#if mfeProductCalculator}}
-                <div class="pdp-price__quantity-calculator">MFE Calculator Placeholder</div>
+                </div>
+      {{else}}
+        <div class="pdp-price-sale__value">
+          {{#if isDiscount}}
+            <div class="pdp-price__old-price"><s>&pound;119.99</s></div>
+            <div class="pdp-price__new-price">&pound;79.99</div>
+            {{#if isSQM}}
+              <div class="pdp-price__sqm">&pound;40 per SQM</div>
             {{/if}}
-            {{#if currentlyInStock}}
-                {{> pdp-price-actions
-                        installation=install
-                        order-sample=sample
-                        c-and-c=cc
-                        delivery=delivery
-                        big-wins=big-wins
-                        wisdom=wisdom
-                        mcfc=mcfc
-                        available=available
-                        stock-accordion="stock-accordion"
-                        isUserNonRegistered=isUserNonRegistered
-                        nearest-purchase=nearest-purchase
-                        unhappy=unhappy
-                        nearestAmount=nearestAmount
-                        nearestName=nearestName
-                }}
-                <div class="pdp-price__call-to-actions">
-                    {{#unless default-store}}
-                        <div class="pdp-price__control-holder pdp-price__actions">
-                            <a href="#" class="link-secondary">Check stock in your local store</a>
-                        </div>
-                    {{/unless}}
+            <div class="pdp-price__remainder">You save &pound;40</div>
+            {{#if isExcludingDelivery}}
+              <a href="#" class="pdp-price__excluding-delivery">Excluding delivery</a>
+            {{/if}}
+            {{#if isDescription}}
+              {{#if isCashback}}
+                <div class="pdp-price__description">
+                  *Cashback offer valid until 31st May 2019.
+                  Claim by 31st July 2019.
+                  Terms & conditions apply.
+                </div>
+                <div class="pdp-price__terms">
+                  <a href="#">
+                    Cashback Terms and Conditions
+                  </a>
+                </div>
+              {{else}}
+                <div class="pdp-price__description">
+                  Long offer message Lorem ipsum dolor sit amet,
+                  consectetur adipiscing elit.
+                  Aenean euismod bibendum laoreet
                 </div>
+              {{/if}}
             {{/if}}
+          {{else}}
+            <div class="pdp-price__price">&pound;79.99</div>
+          {{/if}}
+        </div>
+      {{/if}}
+      {{#if currentlyInStock}}
+        <div class="pdp-price__value pdp-price__value_extended">
+          <div class="pdp-price__delivery">
+            <span class="delivery-link">Delivery</span>
+            <span class="delivery-info">Available to certain postcodes</span>
+          </div>
+        </div>
+      {{else if notifyMe}}
+        <div class="pdp-price__oos">
+          <a href="#" class="btn btn-primary btn_full btn--notify-open" data-target="#modal-notify-me">
+            <i class="fas fa-bell"></i>
+            <span class="btn__text">Notify Me</span>
+          </a>
+          <p>Currently out of stock, use our Notify Me button to receive an email when this product is available</p>
+        </div>
+      {{else}}
+        <div class="pdp-price__oos">
+          <strong>Out of Stock</strong>
+          <p>Sorry, this product is out of stock</p>
+        </div>
+        <div class="pdp-price__in-store-only">
+          <p>In Store Only</p>
+        </div>
+      {{/if}}
+      {{#if klarna-placement}}
+        <div class="pdp-price__klarna-payment">
+          <klarna-placement
+          data-key="credit-promotion-badge"
+          data-locale="en-GB"
+          data-purchase-amount="12000"
+          {{#if klarna-method-ids}}data-custom-payment-method-ids="{{klarna-method-ids}}"{{/if}}
+          ></klarna-placement>
+        </div>
+      {{/if}}
+      {{#if billie-placement}}
+        <div class="pdp-price__billie-payment">
+          {{> billie-online-messaging}}
+        </div>
+      {{/if}}
+      {{#if clearpay-placement}}
+        {{> clearpay}}
+      {{/if}}
+    </div>
+    <div class="pdp-price__controls">
+      {{#if isSize}}
+        <div class="pdp-price__size">
+          {{> form-row row-mod="sort-order-by" dropdown="true" id="d1" placeholder="Please select a size"}}
+        </div>
+      {{/if}}
+
+      {{#if (or (not isQuantity) (not default-store))}}
+        <div class="pdp-price__control-holder {{#unless wisdom}}{{#if big-wins}}control-holder__big-wins{{/if}}{{/unless}}">
+          {{#unless isQuantity}}
+            <label for="quantity-field" class="quantity-label">Quantity: </label>
+            <input type="text" inputmode="numeric" pattern="[0-9]*" id="quantity-field"
+                   class="tbx tbx_quantity"
+                   value="1">
+          {{/unless}}
+          {{#unless default-store}}
+            <div class="pdp-price__calculator-wrapper">
+              <a href="#">
+              <span class="icon">
+                <i class="far fa-calculator"></i>
+              </span>
+                Calculator
+              </a>
+            </div>
+          {{/unless}}
+        </div>
+      {{/if}}
+
+      {{#if mfeProductCalculator}}
+        <div class="pdp-price__quantity-calculator">MFE Calculator Placeholder</div>
+      {{/if}}
+      {{#if currentlyInStock}}
+        {{> pdp-price-actions
+        installation=install
+        order-sample=sample
+        c-and-c=cc
+        delivery=delivery
+        big-wins=big-wins
+        wisdom=wisdom
+        mcfc=mcfc
+        available=available
+        stock-accordion="stock-accordion"
+        isUserNonRegistered=isUserNonRegistered
+        nearest-purchase=nearest-purchase
+        unhappy=unhappy
+        nearestAmount=nearestAmount
+        nearestName=nearestName
+        }}
+        <div class="pdp-price__call-to-actions">
+          {{#unless default-store}}
+            <div class="pdp-price__control-holder pdp-price__actions">
+              <a href="#" class="link-secondary">Check stock in your local store</a>
+            </div>
+          {{/unless}}
         </div>
+      {{/if}}
     </div>
+  </div>
 </div>

package/src/components/sponsor-top-banner.hbs

@@ -0,0 +1,10 @@
+{{#if search-result_v2.sponsor-top-banner}}
+<div class="sponsor-top-banner sponsored-ad">
+  <a class="sponsor-top-banner__link" href="{{search-result_v2.sponsor-top-banner.href}}">
+    <picture class="sponsor-top-banner__picture">
+      <source class="sponsor-top-banner__image" srcset="{{#if search-result_v2.sponsor-top-banner.mobile-src}}{{search-result_v2.sponsor-top-banner.mobile-src}}{{else}}{{search-result_v2.sponsor-top-banner.src}}{{/if}}" media="(max-width: 768px)">
+      <img class="sponsor-top-banner__image" src="{{search-result_v2.sponsor-top-banner.src}}" alt="banner">
+    </picture>
+  </a>
+</div>
+{{/if}}

package/src/data/data_delivery-address-v2.json

@@ -19,7 +19,7 @@
         },
         {
           "title": "Delivery:",
-          "value": "applied at Checkout",
+          "value": "£4.00",
           "mod": "delivery"
         },
         {

package/src/data/data_search-results_v2.json

@@ -1,8 +1,14 @@
 {
   "search-result_v2": {
+    "sponsor-top-banner": {
+      "src": "https://placehold.co/1200x200?text=Top+Banner+Desktop",
+      "mobile-src": "https://placehold.co/600x200?text=Top+Banner+Mobile",
+      "href": "/sitemap.html"
+    },
     "product-banner": [
       {
-        "src": "https://placehold.co/912x1426?text=Decorating+Tools\n+\nShop+Now",
+        "src": "https://placehold.co/912x1426?text=Hybris+Banner+Desktop",
+        "mobile-src": "https://placehold.co/600x400?text=Hybris+Banner+Mobile",
         "href": "/sitemap.html",
         "desktop-position": 8,
         "mobile-position": 7,
@@ -64,7 +70,8 @@
     ],
     "sponsor-banner": [
       {
-        "src": "https://placehold.co/912x1426?text=Decorating+Tools\n+\nShop+Now",
+        "src": "https://placehold.co/912x1426?text=Sponsor+Banner+Desktop",
+        "mobile-src": "https://placehold.co/600x400?text=Sponsor+Banner+Mobile",
         "href": "/sitemap.html",
         "desktop-position": 6,
         "mobile-position": 8

package/src/data/data_shopping-cart-v2.json

@@ -9,11 +9,15 @@
     "potentialOrderPromotions": [
       {
         "description": "Spend over £200 on Bathroom Lighting and save £10.0",
-        "descriptionExcVat": "Spend over £150 on Bathroom Lighting and save £10.0"
+        "descriptionExcVat": "Spend over £150 on Bathroom Lighting and save £10.0",
+        "displayDescription": "Spend over £200 on Bathroom Lighting and save £10.0",
+        "displayDescriptionExclusiveVat": "Spend over £150 on Bathroom Lighting and save £10.0"
       },
       {
         "description": "Spend over 2500 pound and get £2500 discount",
-        "descriptionExcVat": "Spend over 2000 pound and get £2000 discount"
+        "descriptionExcVat": "Spend over 2000 pound and get £2000 discount",
+        "displayDescription": "Spend over 2500 pound and get £2500 discount",
+        "displayDescriptionExclusiveVat": "Spend over 2000 pound and get £2000 discount"
       }
     ],
     "checkout": {
@@ -89,6 +93,10 @@
             "quantity": 2,
             "total": "32",
             "totalExcVat": "30",
+            "displayBasePrice": "16",
+            "displayBasePriceExclusiveVat": "15",
+            "displayItemTotalWithoutDiscount": "32",
+            "displayItemTotalWithoutDiscountExclusiveVat": "30",
             "offers": [
               "Buy 2 for 3 — Add 1 to qualify",
               "Buy 2 for 3 — Add 1 to qualify"
@@ -348,6 +356,10 @@
             "quantity": 123,
             "total": "19776",
             "totalExcVat": "19000",
+            "displayBasePrice": "16",
+            "displayBasePriceExclusiveVat": "15",
+            "displayItemTotalWithoutDiscount": "19776",
+            "displayItemTotalWithoutDiscountExclusiveVat": "19000",
             "message": "Purchased 12 times since your last visit 1 day ago",
             "click-and-collect": {
               "otherStores": [
@@ -583,6 +595,10 @@
             "quantity": 2,
             "total": "32",
             "totalExcVat": "30",
+            "displayBasePrice": "16",
+            "displayBasePriceExclusiveVat": "15",
+            "displayItemTotalWithoutDiscount": "32",
+            "displayItemTotalWithoutDiscountExclusiveVat": "30",
             "click-and-collect": {
               "otherStores": [
                 {
@@ -815,6 +831,10 @@
             "priceExcVat": "15",
             "total": "32",
             "totalExcVat": "30",
+            "displayBasePrice": "16",
+            "displayBasePriceExclusiveVat": "15",
+            "displayItemTotalWithoutDiscount": "32",
+            "displayItemTotalWithoutDiscountExclusiveVat": "30",
             "quantity": 1,
             "totalMobile": "16",
             "click-and-collect": {
@@ -1056,6 +1076,10 @@
             "quantity": 2,
             "total": "32",
             "totalExcVat": "30",
+            "displayBasePrice": "16",
+            "displayBasePriceExclusiveVat": "15",
+            "displayItemTotalWithoutDiscount": "32",
+            "displayItemTotalWithoutDiscountExclusiveVat": "30",
             "offers": [
               "Buy 2 for 3 — Add 1 to qualify",
               "Buy 2 for 3 — Add 1 to qualify"
@@ -1079,6 +1103,10 @@
             "quantity": 123,
             "total": "19776",
             "totalExcVat": "19000",
+            "displayBasePrice": "16",
+            "displayBasePriceExclusiveVat": "15",
+            "displayItemTotalWithoutDiscount": "19776",
+            "displayItemTotalWithoutDiscountExclusiveVat": "19000",
             "message": "Purchased 12 times since your last visit 1 day ago",
             "address": "Watford",
             "updateable": true
@@ -1094,6 +1122,10 @@
             "quantity": 2,
             "total": "32",
             "totalExcVat": "30",
+            "displayBasePrice": "16",
+            "displayBasePriceExclusiveVat": "15",
+            "displayItemTotalWithoutDiscount": "32",
+            "displayItemTotalWithoutDiscountExclusiveVat": "30",
             "updateable": true
 
           },
@@ -1105,6 +1137,10 @@
             "priceExcVat": "15",
             "total": "32",
             "totalExcVat": "30",
+            "displayBasePrice": "16",
+            "displayBasePriceExclusiveVat": "15",
+            "displayItemTotalWithoutDiscount": "32",
+            "displayItemTotalWithoutDiscountExclusiveVat": "30",
             "code": "1231210",
             "quantity": 1,
             "totalMobile": "16",
@@ -1118,6 +1154,10 @@
             "priceExcVat": "0",
             "total": "0",
             "totalExcVat": "0",
+            "displayBasePrice": "0",
+            "displayBasePriceExclusiveVat": "0",
+            "displayItemTotalWithoutDiscount": "0",
+            "displayItemTotalWithoutDiscountExclusiveVat": "0",
             "updateable": false,
             "code": "1231211",
             "quantity": 1,
@@ -1139,6 +1179,10 @@
             "quantity": 1,
             "total": "968",
             "totalExcVat": "960",
+            "displayBasePrice": "968",
+            "displayBasePriceExclusiveVat": "960",
+            "displayItemTotalWithoutDiscount": "968",
+            "displayItemTotalWithoutDiscountExclusiveVat": "960",
             "deliveryStock": true,
             "onlyDeliveryType": true
           }