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

package/src/components/search-filter.hbs

@@ -1,134 +1,143 @@
 <form class="filter-results filter-results_desktop">
   <div class="filter-results__heading">
-    <span class="heading-4">Filter results</span>
-    <button type="reset" class="filter-results__clear" value="Clear all">Clear all</button>
+    <div class="flex">
+      <span class="heading-4">{{#unless filterTitle}}Filter by{{/unless}}{{filterTitle}}</span>
+      <button type="reset" class="filter-results__clear" value="Clear all">Clear all</button>
+    </div>
+    {{#unless filterTitle}}
+      <div class="sort-products-list__total">
+        <span class="product-count">{{plp_load-more.pagination.totalNumberOfResults}}</span> <span>results</span>
+      </div>
+    {{/unless}}
   </div>
-  {{#extend "accordion" header="Color Family" mod="filter"}}
-    {{#content "content"}}
-      {{#each filters.colors}}
-        <div class="filter__item">
-          <label for="{{id}}" class="chb chb-color">
-            <input type="checkbox" value="{{label}}" id="{{id}}" name="{{id}}-filter">
-            <ins><i class="fas fa-check"></i></ins>
-            <span>{{label}}</span>
-          </label>
-        </div>
-      {{/each}}
-    {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by category" mod="filter category-filter" fixed-height=""}}
-    {{#content "content"}}
-      {{>category-tree filters}}
-    {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by pack quantity" mod="filter"}}
-    {{#content "content"}}
-    {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by type" mod="filter"}}
-    {{#content "content"}}
-      {{#each filters.type-list}}
-        <div class="filter__item">
-          <label for="{{id}}" class="chb chb-{{classForGtm}}">
-            <input type="checkbox" value="{{value}}" id="{{id}}"
-                    name="{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
-            <ins><i class="fas fa-check"></i></ins>
-            <span>{{label}}</span>
-            <span class="filter-quantity">({{quantity}})</span>
-          </label>
-        </div>
-      {{/each}}
-    {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by type 2" mod="filter"}}
+  <div class="accordions">
+    {{#extend "accordion" header="Color Family" mod="filter" facetStep="5"}}
       {{#content "content"}}
-          {{#each filters.type-list2}}
-              <div class="filter__item">
-                  <label for="{{id}}" class="chb chb-{{classForGtm}}">
-                      <input type="checkbox" value="{{value}}" id="{{id}}"
-                             name="{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
-                      <ins><i class="fas fa-check"></i></ins>
-                      <span>{{label}}</span>
-                      <span class="filter-quantity">({{quantity}})</span>
-                  </label>
-              </div>
-          {{/each}}
+        {{#each filters.colors}}
+          <div class="filter__item">
+            <label for="{{id}}" class="chb chb-color">
+              <input type="checkbox" value="{{label}}" id="{{id}}" name="{{id}}-filter">
+              <ins><i class="fas fa-check"></i></ins>
+              <span>{{label}}</span>
+            </label>
+          </div>
+        {{/each}}
       {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by type 3" mod="filter"}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by category" mod="filter category-filter" fixed-height=""}}
       {{#content "content"}}
-          {{#each filters.type-list3}}
-              <div class="filter__item">
-                  <label for="{{id}}" class="chb chb-{{classForGtm}}">
-                      <input type="checkbox" value="{{value}}" id="{{id}}"
-                             name="{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
-                      <ins><i class="fas fa-check"></i></ins>
-                      <span>{{label}}</span>
-                      <span class="filter-quantity">({{quantity}})</span>
-                  </label>
-              </div>
-          {{/each}}
+        {{>category-tree filters}}
       {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Customer Rating" mod="filter"}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by pack quantity" mod="filter" facetStep="5"}}
       {{#content "content"}}
-          {{#each filters.rated}}
-              <div class="filter__item">
-                {{#ifvalue quantity value='0'}}
-                {{else}}
-                  <label for="{{id}}" class="chb chb-{{classForGtm}}">
-                      <input type="checkbox" value="{{value}}" id="{{id}}"
-                             name="{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
-                      <ins><i class="fas fa-check"></i></ins>
-                      <div class="filter__reviews">
-                        <div class="product-rating">
-                          <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 rating}}{{rating}}{{else}}0{{/if}}">
+      {{/content}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by type" mod="filter" facetStep="5"}}
+      {{#content "content"}}
+        {{#each filters.type-list}}
+          <div class="filter__item">
+            <label for="{{id}}" class="chb chb-{{classForGtm}}">
+              <input type="checkbox" value="{{value}}" id="{{id}}"
+                     name="{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
+              <ins><i class="fas fa-check"></i></ins>
+              <span>{{label}}</span>
+              <span class="filter-quantity">({{quantity}})</span>
+            </label>
+          </div>
+        {{/each}}
+      {{/content}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by type 2" mod="filter" facetStep="5"}}
+      {{#content "content"}}
+        {{#each filters.type-list2}}
+          <div class="filter__item">
+            <label for="{{id}}" class="chb chb-{{classForGtm}}">
+              <input type="checkbox" value="{{value}}" id="{{id}}"
+                     name="{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
+              <ins><i class="fas fa-check"></i></ins>
+              <span>{{label}}</span>
+              <span class="filter-quantity">({{quantity}})</span>
+            </label>
+          </div>
+        {{/each}}
+      {{/content}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by type 3" mod="filter" facetStep="5"}}
+      {{#content "content"}}
+        {{#each filters.type-list3}}
+          <div class="filter__item">
+            <label for="{{id}}" class="chb chb-{{classForGtm}}">
+              <input type="checkbox" value="{{value}}" id="{{id}}"
+                     name="{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
+              <ins><i class="fas fa-check"></i></ins>
+              <span>{{label}}</span>
+              <span class="filter-quantity">({{quantity}})</span>
+            </label>
+          </div>
+        {{/each}}
+      {{/content}}
+    {{/extend}}
+    {{#extend "accordion" header="Customer Rating" mod="filter" facetStep="5"}}
+      {{#content "content"}}
+        {{#each filters.rated}}
+          <div class="filter__item">
+            {{#ifvalue quantity value='0'}}
+            {{else}}
+              <label for="{{id}}" class="chb chb-{{classForGtm}}">
+                <input type="checkbox" value="{{value}}" id="{{id}}"
+                       name="{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
+                <ins><i class="fas fa-check"></i></ins>
+                <div class="filter__reviews">
+                  <div class="product-rating">
+                    <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 rating}}{{rating}}{{else}}0{{/if}}">
                               <span class="star-overlay">
                                 <i class="fa fa-star" aria-hidden="true"></i>
                               </span>
-                              <span class="star-overlay">
+                        <span class="star-overlay">
                                 <i class="fa fa-star" aria-hidden="true"></i>
                               </span>
-                              <span class="star-overlay">
+                        <span class="star-overlay">
                                 <i class="fa fa-star" aria-hidden="true"></i>
                               </span>
-                              <span class="star-overlay">
+                        <span class="star-overlay">
                                 <i class="fa fa-star" aria-hidden="true"></i>
                               </span>
-                              <span class="star-overlay">
+                        <span class="star-overlay">
                                 <i class="fa fa-star" aria-hidden="true"></i>
                               </span>
-                            </div>
-                          </div>
-                          ({{quantity}})
-                        </div>
                       </div>
-                  </label>
-                {{/ifvalue}}
-              </div>
-          {{/each}}
+                    </div>
+                    ({{quantity}})
+                  </div>
+                </div>
+              </label>
+            {{/ifvalue}}
+          </div>
+        {{/each}}
+      {{/content}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by bulb shape" mod="filter" facetStep="5"}}
+      {{#content "content"}}
+      {{/content}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by number of gangs" mod="filter" facetStep="5"}}
+      {{#content "content"}}
       {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by bulb shape" mod="filter"}}
-    {{#content "content"}}
-    {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by number of gangs" mod="filter"}}
-    {{#content "content"}}
-    {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by bulb fitting" mod="filter"}}
-    {{#content "content"}}
-    {{/content}}
-  {{/extend}}
-  {{#extend "accordion" header="Shop by wattage" mod="filter"}}
-    {{#content "content"}}
-    {{/content}}
-  {{/extend}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by bulb fitting" mod="filter" facetStep="5"}}
+      {{#content "content"}}
+      {{/content}}
+    {{/extend}}
+    {{#extend "accordion" header="Shop by wattage" mod="filter" facetStep="5"}}
+      {{#content "content"}}
+      {{/content}}
+    {{/extend}}
+  </div>
 </form>

package/src/components/shopping-list-with-share-list-v2.hbs

@@ -2,9 +2,12 @@
   <div class="container component pt-0 globalMessages">
     <div class="row">
       <div class="col-12">
-        <div class="primary-text mb-3">{{> notifications notification-page.success-product-added-to-shop-list withCloseBtn="true"}}</div>
-        <div class="primary-text mb-3">{{> notifications notification-page.warning-product-added-to-shop-list withCloseBtn="true"}}</div>
-        <div class="primary-text">{{> notifications notification-page.error-load-pdf-to-shop-list withCloseBtn="true"}}</div>
+        <div
+            class="primary-text mb-3">{{> notifications notification-page.success-product-added-to-shop-list withCloseBtn="true"}}</div>
+        <div
+            class="primary-text mb-3">{{> notifications notification-page.warning-product-added-to-shop-list withCloseBtn="true"}}</div>
+        <div
+            class="primary-text">{{> notifications notification-page.error-load-pdf-to-shop-list withCloseBtn="true"}}</div>
       </div>
     </div>
   </div>
@@ -13,6 +16,7 @@
       <h1 class="page-header__title">Hill - 24-07-23 - Ohio White</h1>
     </div>
   </div>
+  {{> generate-project-id}}
   {{#if emptyShopList}}
     <div class="container component py-4">
       <div class="row">
@@ -35,15 +39,29 @@
         <div class="row m-0">
           <div class="actions actions--v2">
             <div class="dropdown-share-list">
-              <button class="btn btn_full btn-secondary share-call share-call__desktop" role="button" id="dropdownShareLinks" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
-                <i class="fas fa-share-alt icon"></i>
+              <button class="btn btn_full btn-secondary share-call share-call__desktop" role="button"
+                      id="dropdownShareLinks" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
+                      data-display="static">
+                {{#if isAndroid}}
+                  <i class="fas fa-share-alt icon"></i>
+                {{else}}
+                  <svg class="ios-custom-share-icon" width="14" height="24" viewBox="0 0 14 16" fill="none"
+                       xmlns="http://www.w3.org/2000/svg">
+                    <path
+                        d="M7.70625 0.292969C7.31563 -0.0976562 6.68125 -0.0976562 6.29063 0.292969L2.29063 4.29297C1.9 4.68359 1.9 5.31797 2.29063 5.70859C2.68125 6.09922 3.31562 6.09922 3.70625 5.70859L6 3.41484V9.99922C6 10.5523 6.44688 10.9992 7 10.9992C7.55312 10.9992 8 10.5523 8 9.99922V3.41484L10.2937 5.70859C10.6844 6.09922 11.3188 6.09922 11.7094 5.70859C12.1 5.31797 12.1 4.68359 11.7094 4.29297L7.70937 0.292969H7.70625ZM2 10.9992C2 10.4461 1.55313 9.99922 1 9.99922C0.446875 9.99922 0 10.4461 0 10.9992V12.9992C0 14.6555 1.34375 15.9992 3 15.9992H11C12.6562 15.9992 14 14.6555 14 12.9992V10.9992C14 10.4461 13.5531 9.99922 13 9.99922C12.4469 9.99922 12 10.4461 12 10.9992V12.9992C12 13.5523 11.5531 13.9992 11 13.9992H3C2.44688 13.9992 2 13.5523 2 12.9992V10.9992Z"
+                        fill="#0277BD" />
+                  </svg>
+                {{/if}}
                 <span>Share</span>
               </button>
               <div class="dropdown-menu" aria-labelledby="dropdownShareLinks">
-                <div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-url="https://www-uat1.dev.wickes.co.uk/project-list/be91b064-13ad-4e27-b51d-67e77a53f430" data-a2a-title="Please check my Wickes project list" style="line-height: 32px;">
+                <div class="a2a_kit a2a_kit_size_32 a2a_default_style"
+                     data-a2a-url="https://www-uat1.dev.wickes.co.uk/project-list/be91b064-13ad-4e27-b51d-67e77a53f430"
+                     data-a2a-title="Please check my Wickes project list" style="line-height: 32px;">
                   <ul class="socials__list">
                     <li class="socials__item">
-                      <a type="button" href="#" class="a2a_button_email" data-toggle="modal" data-target="#share-list-modal"></a>
+                      <a type="button" href="#" class="a2a_button_email" data-toggle="modal"
+                         data-target="#share-list-modal"></a>
                     </li>
                     <li class="socials__item">
                       <a class="a2a_button_facebook" target="_blank" rel="nofollow noopener" href="/#facebook"></a>
@@ -58,9 +76,9 @@
                 </div>
               </div>
             </div>
-            <button href="#" class="btn btn_full btn-secondary download-pdf">
+            <button href="#" class="btn btn_full btn-primary download-pdf">
               <i class="fas fa-file-download icon"></i>
-              <span>Download</span>
+              <span>Download pdf</span>
             </button>
           </div>
 
@@ -71,7 +89,7 @@
           <div class="content shop-list-info d-flex">
             <div class="shop-list-info_item heading-4">
               <span class="shop-list-info_count">5</span> item<span class="shop-list-info_one-item">s</span> (<span
-              class="shop-list-info_left">95</span> left)
+                class="shop-list-info_left">95</span> left)
             </div>
           </div>
         </div>

package/src/components/shopping-list.hbs

@@ -1,10 +1,10 @@
 <div class="container mb-3">
-    <a class="btn btn-secondary btn-back-to-project-list" href="/page_my-project-list-multiple.html">
-        <i class="fas fa-arrow-left"></i>
-        <span>
+  <a class="btn btn-secondary btn-back-to-project-list" href="/page_my-project-list-multiple.html">
+    <i class="fas fa-arrow-left"></i>
+    <span>
             Back to Project Lists hub
         </span>
-    </a>
+  </a> 
 </div>
 <div class="globalMessages container component pt-0 pb-0">
   <div class="row">
@@ -64,7 +64,7 @@
                 <i class="fas fa-share-alt icon"></i>
                 <span>Share</span>
               </button>
-              <button href="#" class="btn btn_full btn-secondary download-pdf {{#if hideDownload}}d-none{{/if}}">
+              <button href="#" class="btn btn_full btn-secondary download-pdf">
                 <i class="fas fa-file-download icon"></i>
                 <span>Download</span>
               </button>

package/src/data/data_plp_load-more.json

@@ -381,7 +381,7 @@
       "currentPage": 0,
       "sort": null,
       "numberOfPages": 3,
-      "totalNumberOfResults": 65,
+      "totalNumberOfResults": 1818,
       "startPageItem": 1,
       "endPageItem": 0,
       "offset": 0,