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

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 (274) hide show
  1. package/Readme.md +5 -4
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/checkout-payment-details-v2.css +1 -1
  4. package/build/css/homepage-main.css +1 -1
  5. package/build/css/kitchen-plp-main.css +1 -1
  6. package/build/css/main.css +1 -1
  7. package/build/css/my-account-main-v2.css +1 -1
  8. package/build/css/my-account-main.css +1 -1
  9. package/build/css/pages/checkout-new.css +1 -1
  10. package/build/css/pages/checkout.css +1 -1
  11. package/build/css/pages/my-account-v2.css +1 -1
  12. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  13. package/build/css/pages/page_discount.css +1 -1
  14. package/build/css/pages/page_product_search.css +1 -1
  15. package/build/css/pages/page_products-list-combined.css +1 -1
  16. package/build/css/pages/page_products-list.css +1 -1
  17. package/build/css/pages/tradePro-rewards.css +1 -1
  18. package/build/css/pdp-main-before-combine.css +1 -1
  19. package/build/css/pdp-main-critical.css +1 -1
  20. package/build/css/pdp-main-non-critical.css +1 -1
  21. package/build/css/pdp-main.css +1 -1
  22. package/build/css/plp-main.css +1 -1
  23. package/build/css/store-locator-main.css +1 -1
  24. package/build/img/google-pay-mark.svg +11 -0
  25. package/build/img/quick-filters/bath1.svg +10 -0
  26. package/build/img/quick-filters/bath3.svg +3 -0
  27. package/build/img/quick-filters/bath4.svg +10 -0
  28. package/build/img/quick-filters/bath5.svg +10 -0
  29. package/build/img/quick-filters/image1.jpg +0 -0
  30. package/build/img/quick-filters/image2.jpg +0 -0
  31. package/build/img/quick-filters/image3.jpg +0 -0
  32. package/build/js/account-members.min.js +1 -1
  33. package/build/js/basket.min.js +2 -2
  34. package/build/js/bundle.min.js +1 -1
  35. package/build/js/checkout.min.js +2 -2
  36. package/build/js/emulation.min.js +12140 -11596
  37. package/build/js/general.bundle.min.js +1 -1
  38. package/build/js/kitchen/kitchen-plp.min.js +1 -9
  39. package/build/js/merged-checkout.min.js +2 -2
  40. package/build/js/mini-basket-slider.min.js +1 -1
  41. package/build/js/my-account.min.js +1 -1
  42. package/build/js/page/basket/basket-update-cart-action.js +59 -56
  43. package/build/js/page/basket/basket-update-cart.js +27 -27
  44. package/build/js/page/basket/basket-utils.js +40 -33
  45. package/build/js/page/basket/mini-basket-total.js +70 -66
  46. package/build/js/page/basket/quantity-change-handler.js +73 -55
  47. package/build/js/page/basket/update-quantity-operation.js +39 -30
  48. package/build/js/page/basket/update-quantity.js +62 -62
  49. package/build/js/page/basket-v2.js +360 -225
  50. package/build/js/page/billie-business-type.js +27 -27
  51. package/build/js/page/checkout-payment-details.js +301 -299
  52. package/build/js/page/components/billie-modal.js +31 -0
  53. package/build/js/page/components/discounts.js +39 -36
  54. package/build/js/page/components/mini-basket-slider.js +604 -545
  55. package/build/js/page/filters/desktop-nav.js +64 -0
  56. package/build/js/page/filters/mobile-nav.js +93 -0
  57. package/build/js/page/filters/plp-filters-chips.js +92 -0
  58. package/build/js/page/filters/plp-filters-mobile.js +150 -0
  59. package/build/js/page/filters/plp-filters-panel.js +123 -0
  60. package/build/js/page/filters/plp-filters-utils.js +66 -0
  61. package/build/js/page/filters/plp-filters.js +268 -0
  62. package/build/js/page/filters/sort-by.js +172 -0
  63. package/build/js/page/kitchen/colour-swatches.js +5 -2
  64. package/build/js/page/klarna-modal-scroll-disable.js +4 -4
  65. package/build/js/page/my-account.js +32 -47
  66. package/build/js/page/online-exclusive.js +28 -31
  67. package/build/js/page/quick-filter.js +108 -0
  68. package/build/js/page/search-filter.js +62 -0
  69. package/build/js/page/share-project-list.js +57 -0
  70. package/build/js/page/tradePro-rewards.js +69 -39
  71. package/build/js/page/utils/copy-to-clipboard.js +79 -47
  72. package/build/js/page/utils/helpers.js +14 -9
  73. package/build/js/page/utils/show-more-less.js +273 -0
  74. package/build/js/pdp.bundle.min.js +1 -1
  75. package/build/js/plp-filters.min.js +9 -0
  76. package/build/js/plp.bundle.min.js +1 -1
  77. package/build/js/project-list.min.js +143 -85
  78. package/build/js/search-filter.min.js +1 -0
  79. package/build/js/share-project-list.min.js +1 -0
  80. package/build/js/tradePro-rewards.min.js +1 -1
  81. package/package.json +4 -2
  82. package/src/components/.DS_Store +0 -0
  83. package/src/components/accordion.hbs +2 -2
  84. package/src/components/checkout-payment-details-v2.hbs +1 -1
  85. package/src/components/date-selection.hbs +25 -6
  86. package/src/components/generate-project-id.hbs +1 -1
  87. package/src/components/kitchen/dropdown.hbs +6 -3
  88. package/src/components/kitchen/filter-modal-content-kitchen.hbs +10 -0
  89. package/src/components/kitchen/filter-modal.hbs +10 -13
  90. package/src/components/kitchen/kitchen-card.hbs +1 -1
  91. package/src/components/kitchen/plp-filters.hbs +3 -1
  92. package/src/components/kitchen/sort-by.hbs +1 -1
  93. package/src/components/my-account/barcode.hbs +1 -3
  94. package/src/components/my-account/cards-swap.hbs +10 -0
  95. package/src/components/my-account/clipboard-code-card.hbs +3 -3
  96. package/src/components/my-account/discount.hbs +1 -1
  97. package/src/components/my-account/greetings.hbs +1 -1
  98. package/src/components/order-summary.hbs +1 -0
  99. package/src/components/price-block-v2.hbs +1 -0
  100. package/src/components/quick-filter.hbs +56 -0
  101. package/src/components/search-filter-modal-content.hbs +102 -0
  102. package/src/components/search-filter.hbs +121 -112
  103. package/src/components/shopping-list-with-share-list-v2.hbs +28 -10
  104. package/src/components/shopping-list.hbs +5 -5
  105. package/src/data/data_plp_load-more.json +1 -1
  106. package/src/data/data_quick-filter.json +508 -0
  107. package/src/data/my-account/data_my-account.json +9 -0
  108. package/src/elements/btn.hbs +7 -0
  109. package/src/img/google-pay-mark.svg +11 -0
  110. package/src/img/quick-filters/bath1.svg +10 -0
  111. package/src/img/quick-filters/bath3.svg +3 -0
  112. package/src/img/quick-filters/bath4.svg +10 -0
  113. package/src/img/quick-filters/bath5.svg +10 -0
  114. package/src/img/quick-filters/image1.jpg +0 -0
  115. package/src/img/quick-filters/image2.jpg +0 -0
  116. package/src/img/quick-filters/image3.jpg +0 -0
  117. package/src/js/components/cards-swap.js +74 -0
  118. package/src/js/components/general/accordion.js +44 -33
  119. package/src/js/components/general/cart-slider.js +19 -16
  120. package/src/js/components/general/create-popup-slider.js +168 -173
  121. package/src/js/components/pdp-billie-modal-scroll-reset.js +53 -0
  122. package/src/js/components/share-project-list.js +8 -5
  123. package/src/js/emulation/big-wins.js +1081 -904
  124. package/src/js/emulation/billie-modal.js +39 -18
  125. package/src/js/emulation/checkout-payment-details.js +47 -38
  126. package/src/js/emulation/custom-slider-emulation.js +17 -13
  127. package/src/js/emulation/filters-emulation.js +164 -0
  128. package/src/js/emulation/forms.js +360 -323
  129. package/src/js/emulation/mini-basket-data.js +1051 -923
  130. package/src/js/emulation/paymentLoader.js +17 -17
  131. package/src/js/emulation/pdf-file-loader.js +89 -91
  132. package/src/js/emulation/popover-mini-basket.js +246 -239
  133. package/src/js/emulation/product-counter.js +50 -0
  134. package/src/js/emulation/project-list-pdp.js +320 -316
  135. package/src/js/emulation/repayment-toggle.js +23 -24
  136. package/src/js/emulation/reset-filter-desktop.js +5 -0
  137. package/src/js/emulation/selectable.js +22 -18
  138. package/src/js/emulation/wismo-details.js +23 -31
  139. package/src/js/page/basket/basket-update-cart-action.js +59 -56
  140. package/src/js/page/basket/basket-update-cart.js +27 -27
  141. package/src/js/page/basket/basket-utils.js +40 -33
  142. package/src/js/page/basket/mini-basket-total.js +70 -66
  143. package/src/js/page/basket/quantity-change-handler.js +73 -55
  144. package/src/js/page/basket/update-quantity-operation.js +39 -30
  145. package/src/js/page/basket/update-quantity.js +62 -62
  146. package/src/js/page/basket-v2.js +360 -225
  147. package/src/js/page/billie-business-type.js +27 -27
  148. package/src/js/page/checkout-payment-details.js +301 -299
  149. package/src/js/page/components/billie-modal.js +31 -0
  150. package/src/js/page/components/discounts.js +39 -36
  151. package/src/js/page/components/mini-basket-slider.js +604 -545
  152. package/src/js/page/filters/desktop-nav.js +64 -0
  153. package/src/js/page/filters/mobile-nav.js +93 -0
  154. package/src/js/page/filters/plp-filters-chips.js +92 -0
  155. package/src/js/page/filters/plp-filters-mobile.js +150 -0
  156. package/src/js/page/filters/plp-filters-panel.js +123 -0
  157. package/src/js/page/filters/plp-filters-utils.js +66 -0
  158. package/src/js/page/filters/plp-filters.js +268 -0
  159. package/src/js/page/filters/sort-by.js +172 -0
  160. package/src/js/page/kitchen/colour-swatches.js +5 -2
  161. package/src/js/page/klarna-modal-scroll-disable.js +4 -4
  162. package/src/js/page/my-account.js +32 -47
  163. package/src/js/page/online-exclusive.js +28 -31
  164. package/src/js/page/quick-filter.js +108 -0
  165. package/src/js/page/search-filter.js +62 -0
  166. package/src/js/page/share-project-list.js +57 -0
  167. package/src/js/page/tradePro-rewards.js +69 -39
  168. package/src/js/page/utils/copy-to-clipboard.js +79 -47
  169. package/src/js/page/utils/helpers.js +14 -9
  170. package/src/js/page/utils/show-more-less.js +273 -0
  171. package/src/page_empty-shared-project-list-bicester-hub.html +4 -0
  172. package/src/page_empty-shopping-list_guest.html +1 -0
  173. package/src/page_kitchen-plp.html +2 -2
  174. package/src/page_my-account-installer.html +1 -1
  175. package/src/page_my-account-trade-pro-carousel-double.html +127 -0
  176. package/src/page_my-account-trade-pro-carousel.html +134 -0
  177. package/src/page_my-account-trade-pro.html +1 -1
  178. package/src/page_my-shopping-list-add-notes.html +1 -0
  179. package/src/page_my-shopping-list-energy.html +1 -0
  180. package/src/page_my-shopping-list-hide-download.html +3 -2
  181. package/src/page_my-shopping-list-pdf.html +2 -0
  182. package/src/page_my-shopping-list-saved-ref.html +1 -0
  183. package/src/page_my-shopping-list-wisdom-oos-registered.html +1 -0
  184. package/src/page_my-shopping-list-wisdom-oos.html +1 -0
  185. package/src/page_my-shopping-list-wisdom-partial-registered.html +1 -0
  186. package/src/page_my-shopping-list-wisdom-registered.html +1 -0
  187. package/src/page_my-shopping-list-wisdom.html +1 -0
  188. package/src/page_my-shopping-list.html +1 -0
  189. package/src/page_my-shopping-list_not-register.html +3 -0
  190. package/src/page_plp-with-paint.html +2 -7
  191. package/src/page_plp.html +2 -7
  192. package/src/page_plp_v2-energy-efficiency.html +1 -6
  193. package/src/page_plp_v2-favourite-products.html +6 -7
  194. package/src/page_plp_v2-quick-filter_colourSwatches_11.html +79 -0
  195. package/src/page_plp_v2-quick-filter_colourSwatches_5.html +79 -0
  196. package/src/page_plp_v2-quick-filter_iconAndText_5.html +79 -0
  197. package/src/page_plp_v2-quick-filter_iconAndText_9.html +79 -0
  198. package/src/page_plp_v2-quick-filter_iconOnly_11.html +79 -0
  199. package/src/page_plp_v2-quick-filter_iconOnly_5.html +79 -0
  200. package/src/page_plp_v2-quick-filter_imageAndText_5.html +79 -0
  201. package/src/page_plp_v2-quick-filter_imageAndText_9.html +79 -0
  202. package/src/page_plp_v2-quick-filter_textOnly_5.html +79 -0
  203. package/src/page_plp_v2-quick-filter_textOnly_9.html +79 -0
  204. package/src/page_plp_v2-vat.html +2 -7
  205. package/src/page_plp_v2.html +22 -9
  206. package/src/page_product-details-tile-steps-klarna-widget-with-method-ids.html +120 -0
  207. package/src/page_product_search-vat.html +2 -7
  208. package/src/page_product_search.html +2 -7
  209. package/src/page_project-list-generate-project-list-ID.html +3 -0
  210. package/src/page_project-list-vat.html +4 -0
  211. package/src/page_project-list-with-new-share-popup-android.html +16 -0
  212. package/src/page_project-list-with-new-share-popup-ios.html +16 -0
  213. package/src/page_project-list-with-new-share-popup.html +2 -1
  214. package/src/page_search-results.html +2 -7
  215. package/src/page_shared-project-list-bicester-hub.html +3 -1
  216. package/src/page_shopping-cart-v2-klarna-with-method-ids.html +50 -0
  217. package/src/page_tradepro-discount-app.html +1 -1
  218. package/src/page_tradepro-discount-double.html +109 -0
  219. package/src/page_tradepro-discount.html +36 -2
  220. package/src/partials/head.hbs +1 -0
  221. package/src/scss/common/_common.scss +10 -4
  222. package/src/scss/components/_accordion.scss +1 -3
  223. package/src/scss/components/_custom-slider.scss +17 -16
  224. package/src/scss/components/_date-selection-add-new-styles.scss +48 -7
  225. package/src/scss/components/_date-selection.scss +80 -1
  226. package/src/scss/components/{kitchen/_filter-modal.scss → _filter-modal.scss} +55 -4
  227. package/src/scss/components/{kitchen/_plp-filters.scss → _plp-filters.scss} +31 -13
  228. package/src/scss/components/_popover-mini-basket.scss +3 -3
  229. package/src/scss/components/_quick-filter.scss +288 -0
  230. package/src/scss/components/_search-filter.scss +95 -15
  231. package/src/scss/components/_shared-shopping-list.scss +22 -0
  232. package/src/scss/components/_shopping-list.scss +18 -8
  233. package/src/scss/components/_sort-by.scss +190 -0
  234. package/src/scss/components/checkout-chip.scss +2 -2
  235. package/src/scss/components/checkout-payment-details-v2.scss +10 -4
  236. package/src/scss/components/checkout-payment-repayment-terms.scss +1 -1
  237. package/src/scss/components/kitchen/_price-tooltip.scss +1 -1
  238. package/src/scss/components/kitchen/_price.scss +1 -1
  239. package/src/scss/components/my-account/_barcode.scss +9 -1
  240. package/src/scss/components/my-account/_cards-swap.scss +60 -0
  241. package/src/scss/components/my-account/_clipboard-code.scss +11 -3
  242. package/src/scss/components/my-account/_discount.scss +12 -2
  243. package/src/scss/globals/_global-components.scss +3 -0
  244. package/src/scss/helpers/_colors-semantic.scss +68 -68
  245. package/src/scss/helpers/_variables.scss +244 -196
  246. package/src/scss/kitchen-plp-main.scss +0 -4
  247. package/src/scss/main.scss +65 -65
  248. package/src/scss/pages/_checkout-confirmation-new.scss +49 -21
  249. package/src/scss/pages/my-account-v2.scss +42 -5
  250. package/src/scss/pages/page_discount.scss +8 -4
  251. package/src/scss/pages/page_product-details-v2.scss +1 -4
  252. package/src/scss/pages/page_product_search.scss +9 -1
  253. package/src/scss/pages/page_products-list-combined.scss +28 -24
  254. package/src/scss/pages/page_products-list.scss +8 -0
  255. package/src/scss/pages/tradePro-rewards.scss +3 -4
  256. package/src/scss/plp-main.scss +1 -0
  257. package/src/sitemap.html +40 -4
  258. package/build/img/google-pay-mark.png +0 -0
  259. package/build/js/page/accordion.js +0 -35
  260. package/build/js/page/kitchen/plp-filters-chips.js +0 -90
  261. package/build/js/page/kitchen/plp-filters-mobile.js +0 -72
  262. package/build/js/page/kitchen/plp-filters-panel.js +0 -119
  263. package/build/js/page/kitchen/plp-filters-utils.js +0 -65
  264. package/build/js/page/kitchen/plp-filters.js +0 -205
  265. package/build/js/page/kitchen/sort-by.js +0 -157
  266. package/src/img/google-pay-mark.png +0 -0
  267. package/src/js/components/general/search-filter.js +0 -21
  268. package/src/js/page/accordion.js +0 -35
  269. package/src/js/page/kitchen/plp-filters-chips.js +0 -90
  270. package/src/js/page/kitchen/plp-filters-mobile.js +0 -72
  271. package/src/js/page/kitchen/plp-filters-panel.js +0 -119
  272. package/src/js/page/kitchen/plp-filters-utils.js +0 -65
  273. package/src/js/page/kitchen/plp-filters.js +0 -205
  274. 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}}