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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (259) hide show
  1. package/Readme.md +4 -3
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/homepage-main.css +1 -1
  4. package/build/css/kitchen-plp-main.css +1 -1
  5. package/build/css/main.css +1 -1
  6. package/build/css/my-account-main-v2.css +1 -1
  7. package/build/css/my-account-main.css +1 -1
  8. package/build/css/pages/checkout-new.css +1 -1
  9. package/build/css/pages/checkout.css +1 -1
  10. package/build/css/pages/my-account-v2.css +1 -1
  11. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  12. package/build/css/pages/page_discount.css +1 -1
  13. package/build/css/pages/page_product_search.css +1 -1
  14. package/build/css/pages/page_products-list-combined.css +1 -1
  15. package/build/css/pages/page_products-list.css +1 -1
  16. package/build/css/pages/tradePro-rewards.css +1 -1
  17. package/build/css/pdp-main-before-combine.css +1 -1
  18. package/build/css/pdp-main-critical.css +1 -1
  19. package/build/css/pdp-main-non-critical.css +1 -1
  20. package/build/css/pdp-main.css +1 -1
  21. package/build/css/plp-main.css +1 -1
  22. package/build/css/store-locator-main.css +1 -1
  23. package/build/img/quick-filters/bath1.svg +10 -0
  24. package/build/img/quick-filters/bath3.svg +3 -0
  25. package/build/img/quick-filters/bath4.svg +10 -0
  26. package/build/img/quick-filters/bath5.svg +10 -0
  27. package/build/img/quick-filters/image1.jpg +0 -0
  28. package/build/img/quick-filters/image2.jpg +0 -0
  29. package/build/img/quick-filters/image3.jpg +0 -0
  30. package/build/js/account-members.min.js +1 -1
  31. package/build/js/basket.min.js +2 -2
  32. package/build/js/bundle.min.js +1 -1
  33. package/build/js/checkout.min.js +2 -2
  34. package/build/js/emulation.min.js +12125 -11596
  35. package/build/js/general.bundle.min.js +1 -1
  36. package/build/js/kitchen/kitchen-plp.min.js +1 -9
  37. package/build/js/merged-checkout.min.js +2 -2
  38. package/build/js/mini-basket-slider.min.js +1 -1
  39. package/build/js/my-account.min.js +1 -1
  40. package/build/js/page/basket/basket-update-cart-action.js +59 -56
  41. package/build/js/page/basket/basket-update-cart.js +27 -27
  42. package/build/js/page/basket/basket-utils.js +40 -33
  43. package/build/js/page/basket/mini-basket-total.js +70 -66
  44. package/build/js/page/basket/quantity-change-handler.js +73 -55
  45. package/build/js/page/basket/update-quantity-operation.js +39 -30
  46. package/build/js/page/basket/update-quantity.js +62 -62
  47. package/build/js/page/basket-v2.js +362 -229
  48. package/build/js/page/billie-business-type.js +27 -27
  49. package/build/js/page/checkout-payment-details.js +301 -299
  50. package/build/js/page/components/discounts.js +39 -36
  51. package/build/js/page/components/mini-basket-slider.js +604 -545
  52. package/build/js/page/filters/desktop-nav.js +64 -0
  53. package/build/js/page/filters/mobile-nav.js +93 -0
  54. package/build/js/page/filters/plp-filters-chips.js +92 -0
  55. package/build/js/page/filters/plp-filters-mobile.js +150 -0
  56. package/build/js/page/filters/plp-filters-panel.js +123 -0
  57. package/build/js/page/filters/plp-filters-utils.js +66 -0
  58. package/build/js/page/filters/plp-filters.js +268 -0
  59. package/build/js/page/filters/sort-by.js +172 -0
  60. package/build/js/page/kitchen/colour-swatches.js +5 -2
  61. package/build/js/page/klarna-modal-scroll-disable.js +4 -4
  62. package/build/js/page/my-account.js +32 -47
  63. package/build/js/page/online-exclusive.js +28 -31
  64. package/build/js/page/quick-filter.js +108 -0
  65. package/build/js/page/search-filter.js +62 -0
  66. package/build/js/page/share-project-list.js +57 -0
  67. package/build/js/page/tradePro-rewards.js +69 -39
  68. package/build/js/page/utils/copy-to-clipboard.js +79 -47
  69. package/build/js/page/utils/helpers.js +14 -9
  70. package/build/js/page/utils/show-more-less.js +273 -0
  71. package/build/js/pdp.bundle.min.js +1 -1
  72. package/build/js/plp-filters.min.js +9 -0
  73. package/build/js/plp.bundle.min.js +1 -1
  74. package/build/js/project-list.min.js +143 -85
  75. package/build/js/search-filter.min.js +1 -0
  76. package/build/js/share-project-list.min.js +1 -0
  77. package/build/js/tradePro-rewards.min.js +1 -1
  78. package/package.json +4 -2
  79. package/src/components/.DS_Store +0 -0
  80. package/src/components/accordion.hbs +2 -2
  81. package/src/components/date-selection.hbs +25 -6
  82. package/src/components/generate-project-id.hbs +1 -1
  83. package/src/components/kitchen/dropdown.hbs +6 -3
  84. package/src/components/kitchen/filter-modal-content-kitchen.hbs +10 -0
  85. package/src/components/kitchen/filter-modal.hbs +10 -13
  86. package/src/components/kitchen/kitchen-card.hbs +1 -1
  87. package/src/components/kitchen/plp-filters.hbs +3 -1
  88. package/src/components/kitchen/sort-by.hbs +1 -1
  89. package/src/components/my-account/barcode.hbs +1 -3
  90. package/src/components/my-account/cards-swap.hbs +10 -0
  91. package/src/components/my-account/clipboard-code-card.hbs +3 -3
  92. package/src/components/my-account/discount.hbs +1 -1
  93. package/src/components/my-account/greetings.hbs +1 -1
  94. package/src/components/quick-filter.hbs +56 -0
  95. package/src/components/search-filter-modal-content.hbs +102 -0
  96. package/src/components/search-filter.hbs +121 -112
  97. package/src/components/shopping-list-with-share-list-v2.hbs +28 -10
  98. package/src/components/shopping-list.hbs +5 -5
  99. package/src/data/data_plp_load-more.json +1 -1
  100. package/src/data/data_quick-filter.json +508 -0
  101. package/src/data/my-account/data_my-account.json +9 -0
  102. package/src/elements/btn.hbs +7 -0
  103. package/src/img/quick-filters/bath1.svg +10 -0
  104. package/src/img/quick-filters/bath3.svg +3 -0
  105. package/src/img/quick-filters/bath4.svg +10 -0
  106. package/src/img/quick-filters/bath5.svg +10 -0
  107. package/src/img/quick-filters/image1.jpg +0 -0
  108. package/src/img/quick-filters/image2.jpg +0 -0
  109. package/src/img/quick-filters/image3.jpg +0 -0
  110. package/src/js/components/cards-swap.js +74 -0
  111. package/src/js/components/general/accordion.js +44 -33
  112. package/src/js/components/general/cart-slider.js +19 -16
  113. package/src/js/components/general/create-popup-slider.js +168 -173
  114. package/src/js/components/share-project-list.js +8 -5
  115. package/src/js/emulation/big-wins.js +1081 -904
  116. package/src/js/emulation/billie-modal.js +23 -19
  117. package/src/js/emulation/checkout-payment-details.js +47 -38
  118. package/src/js/emulation/custom-slider-emulation.js +17 -13
  119. package/src/js/emulation/filters-emulation.js +164 -0
  120. package/src/js/emulation/forms.js +360 -323
  121. package/src/js/emulation/mini-basket-data.js +1051 -923
  122. package/src/js/emulation/paymentLoader.js +17 -17
  123. package/src/js/emulation/pdf-file-loader.js +89 -91
  124. package/src/js/emulation/popover-mini-basket.js +246 -239
  125. package/src/js/emulation/product-counter.js +50 -0
  126. package/src/js/emulation/project-list-pdp.js +320 -316
  127. package/src/js/emulation/repayment-toggle.js +23 -24
  128. package/src/js/emulation/reset-filter-desktop.js +5 -0
  129. package/src/js/emulation/selectable.js +22 -18
  130. package/src/js/emulation/wismo-details.js +23 -31
  131. package/src/js/page/basket/basket-update-cart-action.js +59 -56
  132. package/src/js/page/basket/basket-update-cart.js +27 -27
  133. package/src/js/page/basket/basket-utils.js +40 -33
  134. package/src/js/page/basket/mini-basket-total.js +70 -66
  135. package/src/js/page/basket/quantity-change-handler.js +73 -55
  136. package/src/js/page/basket/update-quantity-operation.js +39 -30
  137. package/src/js/page/basket/update-quantity.js +62 -62
  138. package/src/js/page/basket-v2.js +362 -229
  139. package/src/js/page/billie-business-type.js +27 -27
  140. package/src/js/page/checkout-payment-details.js +301 -299
  141. package/src/js/page/components/discounts.js +39 -36
  142. package/src/js/page/components/mini-basket-slider.js +604 -545
  143. package/src/js/page/filters/desktop-nav.js +64 -0
  144. package/src/js/page/filters/mobile-nav.js +93 -0
  145. package/src/js/page/filters/plp-filters-chips.js +92 -0
  146. package/src/js/page/filters/plp-filters-mobile.js +150 -0
  147. package/src/js/page/filters/plp-filters-panel.js +123 -0
  148. package/src/js/page/filters/plp-filters-utils.js +66 -0
  149. package/src/js/page/filters/plp-filters.js +268 -0
  150. package/src/js/page/filters/sort-by.js +172 -0
  151. package/src/js/page/kitchen/colour-swatches.js +5 -2
  152. package/src/js/page/klarna-modal-scroll-disable.js +4 -4
  153. package/src/js/page/my-account.js +32 -47
  154. package/src/js/page/online-exclusive.js +28 -31
  155. package/src/js/page/quick-filter.js +108 -0
  156. package/src/js/page/search-filter.js +62 -0
  157. package/src/js/page/share-project-list.js +57 -0
  158. package/src/js/page/tradePro-rewards.js +69 -39
  159. package/src/js/page/utils/copy-to-clipboard.js +79 -47
  160. package/src/js/page/utils/helpers.js +14 -9
  161. package/src/js/page/utils/show-more-less.js +273 -0
  162. package/src/page_empty-shared-project-list-bicester-hub.html +4 -0
  163. package/src/page_empty-shopping-list_guest.html +1 -0
  164. package/src/page_kitchen-plp.html +2 -2
  165. package/src/page_my-account-installer.html +1 -1
  166. package/src/page_my-account-trade-pro-carousel-double.html +127 -0
  167. package/src/page_my-account-trade-pro-carousel.html +134 -0
  168. package/src/page_my-account-trade-pro.html +1 -1
  169. package/src/page_my-shopping-list-add-notes.html +1 -0
  170. package/src/page_my-shopping-list-energy.html +1 -0
  171. package/src/page_my-shopping-list-hide-download.html +3 -2
  172. package/src/page_my-shopping-list-pdf.html +2 -0
  173. package/src/page_my-shopping-list-saved-ref.html +1 -0
  174. package/src/page_my-shopping-list-wisdom-oos-registered.html +1 -0
  175. package/src/page_my-shopping-list-wisdom-oos.html +1 -0
  176. package/src/page_my-shopping-list-wisdom-partial-registered.html +1 -0
  177. package/src/page_my-shopping-list-wisdom-registered.html +1 -0
  178. package/src/page_my-shopping-list-wisdom.html +1 -0
  179. package/src/page_my-shopping-list.html +1 -0
  180. package/src/page_my-shopping-list_not-register.html +3 -0
  181. package/src/page_plp-with-paint.html +2 -7
  182. package/src/page_plp.html +2 -7
  183. package/src/page_plp_v2-energy-efficiency.html +1 -6
  184. package/src/page_plp_v2-favourite-products.html +6 -7
  185. package/src/page_plp_v2-quick-filter_colourSwatches_11.html +79 -0
  186. package/src/page_plp_v2-quick-filter_colourSwatches_5.html +79 -0
  187. package/src/page_plp_v2-quick-filter_iconAndText_5.html +79 -0
  188. package/src/page_plp_v2-quick-filter_iconAndText_9.html +79 -0
  189. package/src/page_plp_v2-quick-filter_iconOnly_11.html +79 -0
  190. package/src/page_plp_v2-quick-filter_iconOnly_5.html +79 -0
  191. package/src/page_plp_v2-quick-filter_imageAndText_5.html +79 -0
  192. package/src/page_plp_v2-quick-filter_imageAndText_9.html +79 -0
  193. package/src/page_plp_v2-quick-filter_textOnly_5.html +79 -0
  194. package/src/page_plp_v2-quick-filter_textOnly_9.html +79 -0
  195. package/src/page_plp_v2-vat.html +2 -7
  196. package/src/page_plp_v2.html +22 -9
  197. package/src/page_product_search-vat.html +2 -7
  198. package/src/page_product_search.html +2 -7
  199. package/src/page_project-list-generate-project-list-ID.html +3 -0
  200. package/src/page_project-list-vat.html +4 -0
  201. package/src/page_project-list-with-new-share-popup-android.html +16 -0
  202. package/src/page_project-list-with-new-share-popup-ios.html +16 -0
  203. package/src/page_project-list-with-new-share-popup.html +2 -1
  204. package/src/page_search-results.html +2 -7
  205. package/src/page_shared-project-list-bicester-hub.html +3 -1
  206. package/src/page_tradepro-discount-app.html +1 -1
  207. package/src/page_tradepro-discount-double.html +109 -0
  208. package/src/page_tradepro-discount.html +36 -2
  209. package/src/partials/head.hbs +1 -0
  210. package/src/scss/common/_common.scss +10 -4
  211. package/src/scss/components/_accordion.scss +1 -3
  212. package/src/scss/components/_custom-slider.scss +17 -16
  213. package/src/scss/components/_date-selection-add-new-styles.scss +48 -7
  214. package/src/scss/components/_date-selection.scss +80 -1
  215. package/src/scss/components/{kitchen/_filter-modal.scss → _filter-modal.scss} +55 -4
  216. package/src/scss/components/{kitchen/_plp-filters.scss → _plp-filters.scss} +31 -13
  217. package/src/scss/components/_popover-mini-basket.scss +3 -3
  218. package/src/scss/components/_quick-filter.scss +288 -0
  219. package/src/scss/components/_search-filter.scss +95 -15
  220. package/src/scss/components/_shared-shopping-list.scss +22 -0
  221. package/src/scss/components/_shopping-list.scss +18 -8
  222. package/src/scss/components/_sort-by.scss +190 -0
  223. package/src/scss/components/checkout-chip.scss +2 -2
  224. package/src/scss/components/checkout-payment-repayment-terms.scss +1 -1
  225. package/src/scss/components/kitchen/_price-tooltip.scss +1 -1
  226. package/src/scss/components/kitchen/_price.scss +1 -1
  227. package/src/scss/components/my-account/_barcode.scss +9 -1
  228. package/src/scss/components/my-account/_cards-swap.scss +60 -0
  229. package/src/scss/components/my-account/_clipboard-code.scss +11 -3
  230. package/src/scss/components/my-account/_discount.scss +12 -2
  231. package/src/scss/globals/_global-components.scss +3 -0
  232. package/src/scss/helpers/_colors-semantic.scss +68 -68
  233. package/src/scss/helpers/_variables.scss +244 -196
  234. package/src/scss/kitchen-plp-main.scss +0 -4
  235. package/src/scss/main.scss +65 -65
  236. package/src/scss/pages/my-account-v2.scss +42 -5
  237. package/src/scss/pages/page_discount.scss +8 -4
  238. package/src/scss/pages/page_product-details-v2.scss +1 -4
  239. package/src/scss/pages/page_product_search.scss +9 -1
  240. package/src/scss/pages/page_products-list-combined.scss +28 -24
  241. package/src/scss/pages/page_products-list.scss +8 -0
  242. package/src/scss/pages/tradePro-rewards.scss +3 -4
  243. package/src/scss/plp-main.scss +1 -0
  244. package/src/sitemap.html +25 -1
  245. package/build/js/page/accordion.js +0 -35
  246. package/build/js/page/kitchen/plp-filters-chips.js +0 -90
  247. package/build/js/page/kitchen/plp-filters-mobile.js +0 -72
  248. package/build/js/page/kitchen/plp-filters-panel.js +0 -119
  249. package/build/js/page/kitchen/plp-filters-utils.js +0 -65
  250. package/build/js/page/kitchen/plp-filters.js +0 -205
  251. package/build/js/page/kitchen/sort-by.js +0 -157
  252. package/src/js/components/general/search-filter.js +0 -21
  253. package/src/js/page/accordion.js +0 -35
  254. package/src/js/page/kitchen/plp-filters-chips.js +0 -90
  255. package/src/js/page/kitchen/plp-filters-mobile.js +0 -72
  256. package/src/js/page/kitchen/plp-filters-panel.js +0 -119
  257. package/src/js/page/kitchen/plp-filters-utils.js +0 -65
  258. package/src/js/page/kitchen/plp-filters.js +0 -205
  259. package/src/js/page/kitchen/sort-by.js +0 -157
package/src/page_my-shopping-list_not-register.html CHANGED
@@ -5,6 +5,9 @@
5
5
  <main>
6
6
  {{> shopping-list emptyShopList=false pagination=true}}
7
7
  </main>
8
+ {{/content}}
9
+ {{#content "foot" mode="append"}}
8
10
  <script defer src="./js/page/project-list.js"></script>
11
+ <script defer src="./js/share-project-list.min.js"></script>
9
12
  {{/content}}
10
13
  {{/extend}}
package/src/page_plp-with-paint.html CHANGED
@@ -15,19 +15,13 @@
15
15
 
16
16
  <div class="row">
17
17
  <aside class="left-aside">
18
- {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
19
- {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
18
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
20
19
  </aside>
21
20
 
22
21
  <div class="content">
23
22
  {{> shop-colour title="Shop by colour"}}
24
23
  <div class="sort-products-list">
25
24
  <div class="sort-products-list__section sort-products-list__items-per-page">
26
- <button class="btn btn-primary open-filters-btn" id="open-overlay">
27
- <span class="btn__text">
28
- <span class="icon"><span class="fas fa-filter"></span></span>Filter products
29
- </span>
30
- </button>
31
25
  {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
32
26
  </div>
33
27
  <div class="sort-products-list__section sort-products-list__pagination">
@@ -71,5 +65,6 @@
71
65
  <script defer src="./js/page/plp.js"></script>
72
66
  <script defer src="./js/page/plp-img-v2.js"></script>
73
67
  <script defer src="./js/page/plp-cards-v2.js"></script>
68
+ <script defer src="./js/search-filter.min.js"></script>
74
69
  {{/content}}
75
70
  {{/extend}}
package/src/page_plp.html CHANGED
@@ -15,8 +15,7 @@
15
15
 
16
16
  <div class="row">
17
17
  <aside class="left-aside">
18
- {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
19
- {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
18
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
20
19
  </aside>
21
20
 
22
21
  <div class="content">
@@ -25,11 +24,6 @@
25
24
 
26
25
  <div class="sort-products-list">
27
26
  <div class="sort-products-list__section sort-products-list__items-per-page">
28
- <button class="btn btn-primary open-filters-btn" id="open-overlay">
29
- <span class="btn__text">
30
- <span class="icon"><span class="fas fa-filter"></span></span>Show filters
31
- </span>
32
- </button>
33
27
  {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
34
28
  </div>
35
29
  <div class="sort-products-list__section sort-products-list__pagination">
@@ -67,5 +61,6 @@
67
61
  {{/content}}
68
62
  {{#content "foot" mode="append"}}
69
63
  <script defer src="./js/page/plp.js"></script>
64
+ <script defer src="./js/search-filter.min.js"></script>
70
65
  {{/content}}
71
66
  {{/extend}}
package/src/page_plp_v2-energy-efficiency.html CHANGED
@@ -17,17 +17,11 @@
17
17
  <div class="row">
18
18
  <aside class="left-aside">
19
19
  {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
20
- {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
21
20
  </aside>
22
21
 
23
22
  <div class="content">
24
23
  <div class="sort-products-list">
25
24
  <div class="sort-products-list__section sort-products-list__items-per-page">
26
- <button class="btn btn-primary open-filters-btn" id="open-overlay">
27
- <span class="btn__text">
28
- <span class="icon"><span class="fas fa-filter"></span></span>Filter products
29
- </span>
30
- </button>
31
25
  {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
32
26
  </div>
33
27
  <div class="sort-products-list__section sort-products-list__pagination">
@@ -78,5 +72,6 @@
78
72
  <script defer src="./js/energy-efficiency.min.js"></script>
79
73
  <script defer src="./js/page/plp-img-v2.js"></script>
80
74
  <script defer src="./js/page/plp-cards-v2.js"></script>
75
+ <script defer src="./js/search-filter.min.js"></script>
81
76
  {{/content}}
82
77
  {{/extend}}
package/src/page_plp_v2-favourite-products.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list" pagePlp=true}}
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="page-responsiveThematicProductListPage products-list-page" title="Products list" pagePlp=true}}
2
2
  {{#content "head" mode="append" pagePlp=true}}
3
3
  <link type="text/css" rel="stylesheet" href="./css/components/plp-favourite-product.css">
4
4
  {{/content}}
@@ -16,7 +16,7 @@
16
16
 
17
17
  <div class="row">
18
18
  <aside class="left-aside">
19
- {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
19
+ {{> search-filter filterTitle="Filter results" collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
20
20
  {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
21
21
  </aside>
22
22
 
@@ -40,16 +40,13 @@
40
40
  </div>
41
41
 
42
42
  <div class="products-list products-list-v2">
43
- {{#if search-result_v2.product-banner}}
44
- {{>card_product_banner_v2}}
45
- {{/if}}
46
43
  {{#each search-result_v2.products}}
47
44
  {{>card_product_v2 showFavourite="true"}}
48
45
  {{/each}}
49
46
  </div>
50
47
 
51
48
  <div class="sort-products-list">
52
- <div class="sort-products-list__section sort-products-list__items-per-page is-hidden">
49
+ <div class="sort-products-list__section sort-products-list__items-per-page">
53
50
  {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-bottom" label="Products per page" label-hidden="true" placeholder="All products per page"}}
54
51
  </div>
55
52
  <div class="sort-products-list__section sort-products-list__pagination">
@@ -75,5 +72,7 @@
75
72
  <script defer src="./js/page/plp-img-v2.js"></script>
76
73
  <script defer src="./js/page/plp-cards-v2.js"></script>
77
74
  <script defer src="./js/plp-favourite-product.bundle.min.js"></script>
75
+ <script defer src="./js/plp-filters.min.js"></script>
76
+ <script defer src="./js/search-filter.min.js"></script>
78
77
  {{/content}}
79
- {{/extend}}
78
+ {{/extend}}
package/src/page_plp_v2-quick-filter_colourSwatches_11.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Colour Swatches (11)" globalSearchV2="true" pagePlp=true}}
2
+ {{#content "head" mode="append" pagePlp=true}}
3
+ <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
4
+ {{/content}}
5
+ <style></style>
6
+ {{#content "body"}}
7
+ <main>
8
+ <div class="container">
9
+ <div class="page-header page-header_border-all">
10
+ <h1 class="page-header__title">
11
+ Fire Doors - Colour Swatches (11 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.colourSwatches_11}}
17
+
18
+ <div class="row">
19
+ <aside class="left-aside">
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
21
+ {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
22
+ </aside>
23
+
24
+ <div class="content">
25
+ <div class="sort-products-list">
26
+ <input id="numberOfPagesPLP" value="3" type="hidden">
27
+ <div class="sort-products-list__total">
28
+ <span>{{plp_load-more.pagination.totalNumberOfResults}} products</span>
29
+ </div>
30
+ <div class="sort-products-list__section sort-products-list__sort-by">
31
+ {{> form-row dropdown="true" ddn-mod="ddn_small" id="#sort_form1" label="Sort by" label-hidden="true" placeholder="Name (descending)"}}
32
+ </div>
33
+ </div>
34
+
35
+ <div class="products-list products-list-v2">
36
+ {{#each search-result_v2.products}}
37
+ {{>card_product_v2}}
38
+ {{/each}}
39
+ {{#if search-result_v2.product-banner}}
40
+ {{#each search-result_v2.product-banner}}
41
+ {{>card_product_banner_v2}}
42
+ {{/each}}
43
+ {{/if}}
44
+ {{#if search-result_v2.sponsor-banner}}
45
+ {{#each search-result_v2.sponsor-banner}}
46
+ {{>card_sponsor_banner}}
47
+ {{/each}}
48
+ {{/if}}
49
+ {{#if search-result_v2.sponsor-product}}
50
+ {{#each search-result_v2.sponsor-product}}
51
+ {{>card_sponsor_product}}
52
+ {{/each}}
53
+ {{/if}}
54
+ </div>
55
+ <div class="load-more-wrap">
56
+ <button class="btn btn-primary btn_full btn-load-more">
57
+ Load more
58
+ </button>
59
+ </div>
60
+ </div>
61
+ <!-- ./content -->
62
+ </div>
63
+ </div>
64
+ {{> legal-info}}
65
+
66
+ {{> similar-products-v2 }}
67
+
68
+ {{> seo-widgets title="More products" }}
69
+ {{> seo-widgets title="Related category" }}
70
+
71
+ </main>
72
+ {{/content}}
73
+ {{#content "foot" mode="append"}}
74
+ <script defer src="./js/plp.bundle.min.js"></script>
75
+ <script defer src="./js/page/plp-img-v2.js"></script>
76
+ <script defer src="./js/page/plp-cards-v2.js"></script>
77
+ <script defer src="./js/page/quick-filter.js"></script>
78
+ {{/content}}
79
+ {{/extend}}
package/src/page_plp_v2-quick-filter_colourSwatches_5.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Colour Swatches (5)" globalSearchV2="true" pagePlp=true}}
2
+ {{#content "head" mode="append" pagePlp=true}}
3
+ <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
4
+ {{/content}}
5
+ <style></style>
6
+ {{#content "body"}}
7
+ <main>
8
+ <div class="container">
9
+ <div class="page-header page-header_border-all">
10
+ <h1 class="page-header__title">
11
+ Fire Doors - Colour Swatches (5 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.colourSwatches_5}}
17
+
18
+ <div class="row">
19
+ <aside class="left-aside">
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
21
+ {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
22
+ </aside>
23
+
24
+ <div class="content">
25
+ <div class="sort-products-list">
26
+ <input id="numberOfPagesPLP" value="3" type="hidden">
27
+ <div class="sort-products-list__total">
28
+ <span>{{plp_load-more.pagination.totalNumberOfResults}} products</span>
29
+ </div>
30
+ <div class="sort-products-list__section sort-products-list__sort-by">
31
+ {{> form-row dropdown="true" ddn-mod="ddn_small" id="#sort_form1" label="Sort by" label-hidden="true" placeholder="Name (descending)"}}
32
+ </div>
33
+ </div>
34
+
35
+ <div class="products-list products-list-v2">
36
+ {{#each search-result_v2.products}}
37
+ {{>card_product_v2}}
38
+ {{/each}}
39
+ {{#if search-result_v2.product-banner}}
40
+ {{#each search-result_v2.product-banner}}
41
+ {{>card_product_banner_v2}}
42
+ {{/each}}
43
+ {{/if}}
44
+ {{#if search-result_v2.sponsor-banner}}
45
+ {{#each search-result_v2.sponsor-banner}}
46
+ {{>card_sponsor_banner}}
47
+ {{/each}}
48
+ {{/if}}
49
+ {{#if search-result_v2.sponsor-product}}
50
+ {{#each search-result_v2.sponsor-product}}
51
+ {{>card_sponsor_product}}
52
+ {{/each}}
53
+ {{/if}}
54
+ </div>
55
+ <div class="load-more-wrap">
56
+ <button class="btn btn-primary btn_full btn-load-more">
57
+ Load more
58
+ </button>
59
+ </div>
60
+ </div>
61
+ <!-- ./content -->
62
+ </div>
63
+ </div>
64
+ {{> legal-info}}
65
+
66
+ {{> similar-products-v2 }}
67
+
68
+ {{> seo-widgets title="More products" }}
69
+ {{> seo-widgets title="Related category" }}
70
+
71
+ </main>
72
+ {{/content}}
73
+ {{#content "foot" mode="append"}}
74
+ <script defer src="./js/plp.bundle.min.js"></script>
75
+ <script defer src="./js/page/plp-img-v2.js"></script>
76
+ <script defer src="./js/page/plp-cards-v2.js"></script>
77
+ <script defer src="./js/page/quick-filter.js"></script>
78
+ {{/content}}
79
+ {{/extend}}
package/src/page_plp_v2-quick-filter_iconAndText_5.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Icon And Text (5)" globalSearchV2="true" pagePlp=true}}
2
+ {{#content "head" mode="append" pagePlp=true}}
3
+ <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
4
+ {{/content}}
5
+ <style></style>
6
+ {{#content "body"}}
7
+ <main>
8
+ <div class="container">
9
+ <div class="page-header page-header_border-all">
10
+ <h1 class="page-header__title">
11
+ Fire Doors - Icon And Text (5 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.iconAndText_5}}
17
+
18
+ <div class="row">
19
+ <aside class="left-aside">
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
21
+ {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
22
+ </aside>
23
+
24
+ <div class="content">
25
+ <div class="sort-products-list">
26
+ <input id="numberOfPagesPLP" value="3" type="hidden">
27
+ <div class="sort-products-list__total">
28
+ <span>{{plp_load-more.pagination.totalNumberOfResults}} products</span>
29
+ </div>
30
+ <div class="sort-products-list__section sort-products-list__sort-by">
31
+ {{> form-row dropdown="true" ddn-mod="ddn_small" id="#sort_form1" label="Sort by" label-hidden="true" placeholder="Name (descending)"}}
32
+ </div>
33
+ </div>
34
+
35
+ <div class="products-list products-list-v2">
36
+ {{#each search-result_v2.products}}
37
+ {{>card_product_v2}}
38
+ {{/each}}
39
+ {{#if search-result_v2.product-banner}}
40
+ {{#each search-result_v2.product-banner}}
41
+ {{>card_product_banner_v2}}
42
+ {{/each}}
43
+ {{/if}}
44
+ {{#if search-result_v2.sponsor-banner}}
45
+ {{#each search-result_v2.sponsor-banner}}
46
+ {{>card_sponsor_banner}}
47
+ {{/each}}
48
+ {{/if}}
49
+ {{#if search-result_v2.sponsor-product}}
50
+ {{#each search-result_v2.sponsor-product}}
51
+ {{>card_sponsor_product}}
52
+ {{/each}}
53
+ {{/if}}
54
+ </div>
55
+ <div class="load-more-wrap">
56
+ <button class="btn btn-primary btn_full btn-load-more">
57
+ Load more
58
+ </button>
59
+ </div>
60
+ </div>
61
+ <!-- ./content -->
62
+ </div>
63
+ </div>
64
+ {{> legal-info}}
65
+
66
+ {{> similar-products-v2 }}
67
+
68
+ {{> seo-widgets title="More products" }}
69
+ {{> seo-widgets title="Related category" }}
70
+
71
+ </main>
72
+ {{/content}}
73
+ {{#content "foot" mode="append"}}
74
+ <script defer src="./js/plp.bundle.min.js"></script>
75
+ <script defer src="./js/page/plp-img-v2.js"></script>
76
+ <script defer src="./js/page/plp-cards-v2.js"></script>
77
+ <script defer src="./js/page/quick-filter.js"></script>
78
+ {{/content}}
79
+ {{/extend}}
package/src/page_plp_v2-quick-filter_iconAndText_9.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Icon And Text (9)" globalSearchV2="true" pagePlp=true}}
2
+ {{#content "head" mode="append" pagePlp=true}}
3
+ <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
4
+ {{/content}}
5
+ <style></style>
6
+ {{#content "body"}}
7
+ <main>
8
+ <div class="container">
9
+ <div class="page-header page-header_border-all">
10
+ <h1 class="page-header__title">
11
+ Fire Doors - Icon And Text (9 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.iconAndText_9}}
17
+
18
+ <div class="row">
19
+ <aside class="left-aside">
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
21
+ {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
22
+ </aside>
23
+
24
+ <div class="content">
25
+ <div class="sort-products-list">
26
+ <input id="numberOfPagesPLP" value="3" type="hidden">
27
+ <div class="sort-products-list__total">
28
+ <span>{{plp_load-more.pagination.totalNumberOfResults}} products</span>
29
+ </div>
30
+ <div class="sort-products-list__section sort-products-list__sort-by">
31
+ {{> form-row dropdown="true" ddn-mod="ddn_small" id="#sort_form1" label="Sort by" label-hidden="true" placeholder="Name (descending)"}}
32
+ </div>
33
+ </div>
34
+
35
+ <div class="products-list products-list-v2">
36
+ {{#each search-result_v2.products}}
37
+ {{>card_product_v2}}
38
+ {{/each}}
39
+ {{#if search-result_v2.product-banner}}
40
+ {{#each search-result_v2.product-banner}}
41
+ {{>card_product_banner_v2}}
42
+ {{/each}}
43
+ {{/if}}
44
+ {{#if search-result_v2.sponsor-banner}}
45
+ {{#each search-result_v2.sponsor-banner}}
46
+ {{>card_sponsor_banner}}
47
+ {{/each}}
48
+ {{/if}}
49
+ {{#if search-result_v2.sponsor-product}}
50
+ {{#each search-result_v2.sponsor-product}}
51
+ {{>card_sponsor_product}}
52
+ {{/each}}
53
+ {{/if}}
54
+ </div>
55
+ <div class="load-more-wrap">
56
+ <button class="btn btn-primary btn_full btn-load-more">
57
+ Load more
58
+ </button>
59
+ </div>
60
+ </div>
61
+ <!-- ./content -->
62
+ </div>
63
+ </div>
64
+ {{> legal-info}}
65
+
66
+ {{> similar-products-v2 }}
67
+
68
+ {{> seo-widgets title="More products" }}
69
+ {{> seo-widgets title="Related category" }}
70
+
71
+ </main>
72
+ {{/content}}
73
+ {{#content "foot" mode="append"}}
74
+ <script defer src="./js/plp.bundle.min.js"></script>
75
+ <script defer src="./js/page/plp-img-v2.js"></script>
76
+ <script defer src="./js/page/plp-cards-v2.js"></script>
77
+ <script defer src="./js/page/quick-filter.js"></script>
78
+ {{/content}}
79
+ {{/extend}}
package/src/page_plp_v2-quick-filter_iconOnly_11.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Icon Only (11)" globalSearchV2="true" pagePlp=true}}
2
+ {{#content "head" mode="append" pagePlp=true}}
3
+ <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
4
+ {{/content}}
5
+ <style></style>
6
+ {{#content "body"}}
7
+ <main>
8
+ <div class="container">
9
+ <div class="page-header page-header_border-all">
10
+ <h1 class="page-header__title">
11
+ Fire Doors - Icon Only (11 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.iconOnly_11}}
17
+
18
+ <div class="row">
19
+ <aside class="left-aside">
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
21
+ {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
22
+ </aside>
23
+
24
+ <div class="content">
25
+ <div class="sort-products-list">
26
+ <input id="numberOfPagesPLP" value="3" type="hidden">
27
+ <div class="sort-products-list__total">
28
+ <span>{{plp_load-more.pagination.totalNumberOfResults}} products</span>
29
+ </div>
30
+ <div class="sort-products-list__section sort-products-list__sort-by">
31
+ {{> form-row dropdown="true" ddn-mod="ddn_small" id="#sort_form1" label="Sort by" label-hidden="true" placeholder="Name (descending)"}}
32
+ </div>
33
+ </div>
34
+
35
+ <div class="products-list products-list-v2">
36
+ {{#each search-result_v2.products}}
37
+ {{>card_product_v2}}
38
+ {{/each}}
39
+ {{#if search-result_v2.product-banner}}
40
+ {{#each search-result_v2.product-banner}}
41
+ {{>card_product_banner_v2}}
42
+ {{/each}}
43
+ {{/if}}
44
+ {{#if search-result_v2.sponsor-banner}}
45
+ {{#each search-result_v2.sponsor-banner}}
46
+ {{>card_sponsor_banner}}
47
+ {{/each}}
48
+ {{/if}}
49
+ {{#if search-result_v2.sponsor-product}}
50
+ {{#each search-result_v2.sponsor-product}}
51
+ {{>card_sponsor_product}}
52
+ {{/each}}
53
+ {{/if}}
54
+ </div>
55
+ <div class="load-more-wrap">
56
+ <button class="btn btn-primary btn_full btn-load-more">
57
+ Load more
58
+ </button>
59
+ </div>
60
+ </div>
61
+ <!-- ./content -->
62
+ </div>
63
+ </div>
64
+ {{> legal-info}}
65
+
66
+ {{> similar-products-v2 }}
67
+
68
+ {{> seo-widgets title="More products" }}
69
+ {{> seo-widgets title="Related category" }}
70
+
71
+ </main>
72
+ {{/content}}
73
+ {{#content "foot" mode="append"}}
74
+ <script defer src="./js/plp.bundle.min.js"></script>
75
+ <script defer src="./js/page/plp-img-v2.js"></script>
76
+ <script defer src="./js/page/plp-cards-v2.js"></script>
77
+ <script defer src="./js/page/quick-filter.js"></script>
78
+ {{/content}}
79
+ {{/extend}}
package/src/page_plp_v2-quick-filter_iconOnly_5.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Icon Only (5)" globalSearchV2="true" pagePlp=true}}
2
+ {{#content "head" mode="append" pagePlp=true}}
3
+ <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
4
+ {{/content}}
5
+ <style></style>
6
+ {{#content "body"}}
7
+ <main>
8
+ <div class="container">
9
+ <div class="page-header">
10
+ <h1 class="page-header__title">
11
+ Fire Doors - Icon Only (5 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.iconOnly_5}}
17
+
18
+ <div class="row">
19
+ <aside class="left-aside">
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
21
+ {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
22
+ </aside>
23
+
24
+ <div class="content">
25
+ <div class="sort-products-list">
26
+ <input id="numberOfPagesPLP" value="3" type="hidden">
27
+ <div class="sort-products-list__total">
28
+ <span>{{plp_load-more.pagination.totalNumberOfResults}} products</span>
29
+ </div>
30
+ <div class="sort-products-list__section sort-products-list__sort-by">
31
+ {{> form-row dropdown="true" ddn-mod="ddn_small" id="#sort_form1" label="Sort by" label-hidden="true" placeholder="Name (descending)"}}
32
+ </div>
33
+ </div>
34
+
35
+ <div class="products-list products-list-v2">
36
+ {{#each search-result_v2.products}}
37
+ {{>card_product_v2}}
38
+ {{/each}}
39
+ {{#if search-result_v2.product-banner}}
40
+ {{#each search-result_v2.product-banner}}
41
+ {{>card_product_banner_v2}}
42
+ {{/each}}
43
+ {{/if}}
44
+ {{#if search-result_v2.sponsor-banner}}
45
+ {{#each search-result_v2.sponsor-banner}}
46
+ {{>card_sponsor_banner}}
47
+ {{/each}}
48
+ {{/if}}
49
+ {{#if search-result_v2.sponsor-product}}
50
+ {{#each search-result_v2.sponsor-product}}
51
+ {{>card_sponsor_product}}
52
+ {{/each}}
53
+ {{/if}}
54
+ </div>
55
+ <div class="load-more-wrap">
56
+ <button class="btn btn-primary btn_full btn-load-more">
57
+ Load more
58
+ </button>
59
+ </div>
60
+ </div>
61
+ <!-- ./content -->
62
+ </div>
63
+ </div>
64
+ {{> legal-info}}
65
+
66
+ {{> similar-products-v2 }}
67
+
68
+ {{> seo-widgets title="More products" }}
69
+ {{> seo-widgets title="Related category" }}
70
+
71
+ </main>
72
+ {{/content}}
73
+ {{#content "foot" mode="append"}}
74
+ <script defer src="./js/plp.bundle.min.js"></script>
75
+ <script defer src="./js/page/plp-img-v2.js"></script>
76
+ <script defer src="./js/page/plp-cards-v2.js"></script>
77
+ <script defer src="./js/page/quick-filter.js"></script>
78
+ {{/content}}
79
+ {{/extend}}