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

package/src/page_bathroom-plp.html

@@ -0,0 +1,98 @@
+{{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Bathroom PLP" globalSearchV2="true" pagePlp=true bundle="plp"}}
+{{#content "head" mode="append"}}
+    <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
+    <link type="text/css" rel="stylesheet" href="https://static-content-develop.dev.wickes.co.uk/whisk/kitchen-static/css/kitchen-content.css">
+{{/content}}
+    {{#content "body"}}
+        <main>
+            <div class="package-plp container">
+                <div class="page-header page-header_border-all">
+                    <h1 class="page-header__title">
+                        Bathroom Suite Packages
+                    </h1>
+                    {{> srp-injected}}
+                    {{> sponsor-top-banner }}
+                </div>
+
+                {{> quick-filter filterData=quickFilter.iconAndText_5}}
+
+                <div class="hybris-slot">
+                    <div style="min-height: 120px; background-color: gray;"></div>
+                     <div style="min-height: 120px; background-color: gray;"></div>
+                </div>
+
+                <div class="package-plp__container">
+                    <aside class="package-plp__search-filter">
+                        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
+                    </aside>
+
+                    <div class="package-plp__content">
+                        <div class="plp-filters" data-component="plp-filters" aria-label="Product filters">
+                            <div class="plp-filters__bar plp-filters__bar-mobile" role="tablist" aria-label="Filters">
+                                {{> kitchen/mobile-nav-item
+                                icon="fas fa-filter"
+                                title="Filter by"
+                                info="24 results"
+                                modalId="filterModal"
+                                mod="filter-modal-cta"
+                                }}
+                                {{> kitchen/mobile-nav-item
+                                icon="fas fa-sort-alt"
+                                title="Sort by"
+                                info="Relevance"
+                                dropdown=true
+                                }}
+                            </div>
+                        </div>
+
+                        <input id="numberOfPagesPLP" value="2" type="hidden">
+                        <div class="sort-products-list">
+                            {{> kitchen/sort-by }}
+                        </div>
+
+                        <div class="package-plp__cards">
+                            {{> package-card cards=ripple-plp.cards}}
+                            {{#if search-result_v2.product-banner}}
+                                {{#each search-result_v2.product-banner}}
+                                    {{>card_product_banner_v2}}
+                                {{/each}}
+                            {{/if}}
+                            {{#if search-result_v2.bloomreach-media-banner}}
+                                {{#each search-result_v2.bloomreach-media-banner}}
+                                    {{>card_bloomreach_media_banner}}
+                                {{/each}}
+                            {{/if}}
+                            {{#if search-result_v2.sponsor-banner}}
+                                {{#each search-result_v2.sponsor-banner}}
+                                    {{>card_sponsor_banner}}
+                                {{/each}}
+                            {{/if}}
+                        </div>
+
+                        <div class="load-more-wrap">
+                            <button class="btn btn-primary btn_full btn-load-more">
+                                Load more
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="container">
+                <div class="hybris-slot">
+                    <div class="banner-emulation" style="height: 398px; min-height: 120px; background-color: gray;"></div>
+                    <div style="min-height: 120px; background-color: gray;"></div>
+                    <div style="min-height: 120px; background-color: gray;"></div>
+                </div>
+            </div>
+
+            {{> legal-info}}
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+        {{> kitchen/filter-modal isKitchenMode=false modalTitle="Filter by" }}
+        <script defer src="./js/search-filter.min.js"></script>
+        <script defer src="./js/plp-filters.min.js"></script>
+        <script defer src="./js/page/quick-filter.js"></script>
+    {{/content}}
+{{/extend}}

package/src/page_checkout_next-day-delivery-details.html

@@ -23,7 +23,7 @@
         Please choose a date for delivery from the calendar below.
       </p>
       <p class="date-selection__info-block">
-        Our delivery slots are currently available up to 8 days in advance. We release additional delivery slots daily.
+        Our delivery slots are currently available up to 8 days in advance.<br> We release additional delivery slots daily.
       </p>
       <p class="date-selection__annotation">
         *Individual couriers will provide more information on delivery times, closer to your chosen delivery date.
@@ -32,7 +32,7 @@
 
     <div class="component component-date-selection">
       {{> date-selection
-          titleDelivery="Next and Named day delivery"
+          titleDelivery="Next or Named day delivery"
           subtitleDelivery="Delivery between 7am - 7pm for £7*"
           wisdom=true
       }}

package/src/page_checkout_payment-details-v2-asm.html

@@ -11,7 +11,7 @@
   {{/content}}
 
   {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true}}
+    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true hideDeliveryCostMessage=true}}
   {{/content}}
 
 

package/src/page_checkout_payment-details-v2.html

@@ -11,7 +11,7 @@
   {{/content}}
 
   {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2="true"}}
+    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2="true" hideDeliveryCostMessage=true}}
   {{/content}}
 
 

package/src/page_checkout_payment-details_with-card-loader.html

@@ -11,7 +11,7 @@
 {{/content}}
 
 {{#content "aside"}}
-{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
+{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
 {{/content}}
 
 

package/src/page_checkout_payment-details_with-klarna-loader.html

@@ -11,7 +11,7 @@
   {{/content}}
 
   {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
+    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
   {{/content}}
 
 

package/src/page_checkout_payment-details_with-loader-v2.html

@@ -11,7 +11,7 @@
   {{/content}}
 
   {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
+    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
   {{/content}}
 
 

package/src/page_checkout_rapid-delivery-details.html

@@ -17,7 +17,7 @@
     <div class="delivery-block">
         <h3 class="delivery-block__heading">Delivery Information</h3>
         {{> banner-news
-            description="<b>Your order qualifies for Wickes Rapid delivery.</b></br>Alternative delivery options are available."
+            description="<b>Your order qualifies for Rapid delivery.</b></br>Alternative delivery options are available."
             classImg="fas fa-shipping-fast"
         }}
         <div class="delivery-block__wrapper">
@@ -27,14 +27,15 @@
                     Please choose a date for delivery from the calendar below.
                 </p>
                 <p class="date-selection__info-block">
-                    Our delivery slots are currently available up to 8 days in advance. We release additional delivery slots daily.
+                    Our delivery slots are currently available up to 8 days in advance.<br> We release additional delivery slots daily.
                 </p>
+                <p>*Individual couriers will provide more information on delivery times, closer to your chosen delivery date.</p>
             </div>
 
             <div class="component component-date-selection">
                 {{> date-selection
-                    titleDelivery="Wickes Rapid delivery"
-                    subtitleDelivery="Delivery within 3 hours for £12"
+                    titleDelivery="Next or Named day delivery"
+                    subtitleDelivery="Delivery between 7am - 7pm for £12.00"
                     imgDelivery="fas fa-shipping-fast"
                     wisdom=true
                 }}
@@ -131,10 +132,11 @@
   <div class="continue-btn">
       <button class="btn btn-action">Continue to Payment Details</button>
   </div>
-
 {{/content}}
 
 {{#content "foot" mode="append"}}
+    {{> loader titleLoader="Loading Rapid delivery..." hidden=true modifier="basket-loader rapid-loader"}}
+
     <script defer src="./js/page/checkout-confirmation-new.js"></script>
     <script defer src="./js/page/select-address.js"></script>
 

package/src/page_klarna_payment-details_with-klarna.html

@@ -13,7 +13,7 @@
   {{/content}}
 
   {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
+    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
   {{/content}}
 
 

package/src/page_my-account-installer-carousel.html

@@ -0,0 +1,131 @@
+{{#extend "my-account-v2"
+  customIconUserClass=header_menu.installer.[0].items.[0].icon
+  dataBreadcrumbs=my_account.installer.breadcrumbs
+  pageClass="page_my-account_new"
+  title="My Account Installer Carousel"
+  pageMyAcc=true
+  myAccV2=true
+  isLoggedIn=true
+  installer-nav=true
+  mainClass="my-account"
+  switch-vat=true
+}}
+{{#content "main"}}
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/mobile-nav my-account-menu-new
+          customIcon=true
+          menu=my_account.installer.menu
+          active-index=0
+          page-name=my_account.installer.menu.[0].title
+          }}
+    </div>
+  </div>
+</div>
+<div class="account-summary">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="account-summary__wrapper d-none d-sm-grid mb-3">
+          {{> my-account/greetings
+              name=my_account.user.name
+              subtitle=my_account.user.email
+          }}
+        </div>
+        {{#extend "my-account/cards-swap"}}
+          {{#content "card1"}}
+            <div class="account-summary__wrapper account-summary__wrapper--secondary">
+              {{> my-account/greetings
+                  mod="d-sm-none"
+                  secondary=true
+                  name=my_account.user.name
+                  subtitle=my_account.user.email
+              }}
+              {{> my-account/discount
+                  secondary=true
+                  discountText=my_account.installer.discountText
+                  installer=true
+                  title="In-store discount"
+                  code=my_account.discount
+                  customIcon=my_account.installer.icons.installer
+              }}
+              {{> my-account/clipboard-code-card
+                  secondary=true
+                  mod="trade-pro-id"
+                  customIcon=my_account.installer.icons.installer
+                  title="TradePro ID"
+                  code=my_account.tradeProId
+              }}
+              {{> my-account/clipboard-code-card
+                  secondary=true
+                  mod="discount-code"
+                  icon="fas fa-badge-percent"
+                  title="Online discount code"
+                  code=my_account.installer.discountCode
+              }}
+            </div>
+          {{/content}}
+          {{#content "card2"}}
+            <div class="account-summary__wrapper">
+              {{> my-account/greetings
+                  mod="d-sm-none"
+                  name=my_account.user.name
+                  subtitle=my_account.user.email
+              }}
+              {{> my-account/discount
+                  discountText=my_account.installer.discountText
+                  installer=true
+                  title="In-store discount"
+                  code=my_account.discount
+                  customIcon=my_account.installer.icons.installer
+              }}
+              {{> my-account/clipboard-code-card
+                  mod="trade-pro-id"
+                  customIcon=my_account.installer.icons.installer
+                  title="TradePro ID"
+                  code=my_account.tradeProId
+              }}
+              {{> my-account/clipboard-code-card
+                  mod="discount-code"
+                  icon="fas fa-badge-percent"
+                  title="Online discount code"
+                  code=my_account.installer.discountCode
+              }}
+            </div>
+          {{/content}}
+        {{/extend}}
+        {{> my-account/active-orders/list-orders
+          switch-vat=true
+          title=my_account.installer.activeOrders.sectionTitle
+          linkText='View all orders'
+          orders=my_account.installer.activeOrders.orderList
+        }}
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/menu-items
+          items=my_account.installer.menu
+          }}
+    </div>
+  </div>
+</div>
+<div class="account-actions">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        {{> my-account/user-account-actions mod="d-sm-none"}}
+        {{> my-account/contact-us contacts=my_account.contacts}}
+      </div>
+    </div>
+  </div>
+</div>
+{{/content}}
+{{#content "foot" mode="append"}}
+<script defer src="./js/my-account.min.js"></script>
+{{/content}}
+{{/extend}}

package/src/page_payment-details-with-billie.html

@@ -16,7 +16,7 @@
 {{/content}}
 
 {{#content "aside"}}
-{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true}}
+{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true hideDeliveryCostMessage=true}}
 {{/content}}
 
 

package/src/page_payment-details-with-clearpay.html

@@ -16,7 +16,7 @@
 {{/content}}
 
 {{#content "aside"}}
-{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2=true checkout=true}}
+{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2=true checkout=true hideDeliveryCostMessage=true}}
 {{/content}}
 
 

package/src/page_payment-details-with-gift-card.html

@@ -18,7 +18,7 @@
 {{/content}}
 
 {{#content "aside"}}
-{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true checkout=true}}
+{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true checkout=true hideDeliveryCostMessage=true}}
 {{/content}}
 
 

package/src/page_payment-details_with_apple-pay.html

@@ -13,7 +13,7 @@
   {{/content}}
 
   {{#content "aside"}}
-    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true basket="true"}}
+    {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true basket="true" hideDeliveryCostMessage=true}}
   {{/content}}
 
 

package/src/page_payment-details_with_google-pay.html

@@ -13,7 +13,7 @@
 {{/content}}
 
 {{#content "aside"}}
-{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
+{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
 {{/content}}
 
 

package/src/page_plp_bloomreach.html

@@ -0,0 +1,81 @@
+{{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page retail-media category-seo-config" title="Products list" globalSearchV2="true" pagePlp=true}}
+{{#content "head" mode="append" pagePlp=true}}
+<link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
+{{/content}}
+<style></style>
+    {{#content "body"}}
+        <main>
+            <div class="container">
+                <div class="page-header page-header_border-all">
+                    <h1 class="page-header__title">
+                        Fire Doors
+                    </h1>
+                    {{> srp-injected}}
+                </div>
+
+                {{> color-picker-plp }}
+
+                <div class="row">
+                    <aside class="left-aside">
+                        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
+                    </aside>
+
+                    <div class="content">
+                        <div class="plp-filters" data-component="plp-filters" aria-label="Product filters">
+                            <div class="plp-filters__bar plp-filters__bar-mobile" role="tablist" aria-label="Filters">
+                                {{> kitchen/mobile-nav-item
+                                icon="fas fa-filter"
+                                title="Filter by"
+                                info="1,818 results"
+                                modalId="filterModal"
+                                mod="filter-modal-cta"
+                                }}
+                                {{> kitchen/mobile-nav-item
+                                icon="fas fa-sort-alt"
+                                title="Sort by"
+                                info="Relevance"
+                                dropdown=true
+                                }}
+                            </div>
+                        </div>
+                        <div class="sort-products-list">
+                            {{> kitchen/sort-by }}
+                        </div>
+
+                        <div class="products-list products-list-v2">
+                            {{#each search-result_v2.products}}
+                                {{>card_product_v2}}
+                            {{/each}}
+                            {{#if search-result_v2.bloomreach-media-banner}}
+                                {{#each search-result_v2.bloomreach-media-banner}}
+                                    {{>card_bloomreach_media_banner}}
+                                {{/each}}
+                            {{/if}}
+                        </div>
+                        <div class="load-more-wrap">
+                            <button class="btn btn-primary btn_full btn-load-more">
+                                Load more
+                            </button>
+                        </div>
+                    </div>
+                    <!-- ./content -->
+                </div>
+            </div>
+            {{> legal-info}}
+
+            {{> similar-products-v2 }}
+
+            {{> seo-widgets title="More products" }}
+            {{> seo-widgets title="Related category" }}
+
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+    {{> kitchen/filter-modal isKitchenMode=false modalTitle="Filter by" }}
+        <script defer src="./js/plp.bundle.min.js"></script>
+
+        <script defer src="./js/page/plp-cards-v2.js"></script>
+        <script defer src="./js/search-filter.min.js"></script>
+        <script defer src="./js/plp-filters.min.js"></script>
+    {{/content}}
+{{/extend}}

package/src/page_plp_v2.html

@@ -11,6 +11,7 @@
                         Fire Doors
                     </h1>
                     {{> srp-injected}}
+                    {{> sponsor-top-banner }}
                 </div>
 
                 {{> color-picker-plp }}
@@ -51,6 +52,11 @@
                                     {{>card_product_banner_v2}}
                                 {{/each}}
                             {{/if}}
+                            {{#if search-result_v2.bloomreach-media-banner}}
+                                {{#each search-result_v2.bloomreach-media-banner}}
+                                    {{>card_bloomreach_media_banner}}
+                                {{/each}}
+                            {{/if}}
                             {{#if search-result_v2.sponsor-banner}}
                                 {{#each search-result_v2.sponsor-banner}}
                                     {{>card_sponsor_banner}}

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

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

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

package/src/page_product-details-big-wins-out-nearest.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
 }}
@@ -62,7 +60,6 @@
                         nearest-purchase=true
                         more-stores-present=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 }}

package/src/page_product-details-big-wins-unhappy.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
           unhappy=true
           pagePdp=true
@@ -64,7 +62,6 @@
                         nearest-purchase=true
                         more-stores-present=true
                         }}
-                        {{> fulfilment-accordions }}
                     </div>
                     <div class="pdp__description">
                         {{> product-main-info-v2 }}

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

package/src/page_product-details-billie.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
         clearpay-placement=true
         billie-placement=true
         }}
-        {{> fulfilment-accordions }}
       </div>
       <div class="pdp__description">
         {{> product-main-info-v2 isAdvice=true}}