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_plp_v2-quick-filter_imageAndText_5.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Image 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 - Image And Text (5 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.imageAndText_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_imageAndText_9.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Image 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 - Image And Text (9 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.imageAndText_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_textOnly_5.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Text 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 page-header_border-all">
10
+ <h1 class="page-header__title">
11
+ Fire Doors - Text Only (5 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.textOnly_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_textOnly_9.html ADDED
@@ -0,0 +1,79 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list - Text Only (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 - Text Only (9 variants)
12
+ </h1>
13
+ {{> srp-injected}}
14
+ </div>
15
+
16
+ {{> quick-filter filterData=quickFilter.textOnly_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-vat.html CHANGED
@@ -16,18 +16,12 @@
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"}}
20
- {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
19
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
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">
@@ -74,5 +68,6 @@
74
68
  <script defer src="./js/page/plp.js"></script>
75
69
  <script defer src="./js/page/plp-img-v2.js"></script>
76
70
  <script defer src="./js/page/plp-cards-v2.js"></script>
71
+ <script defer src="./js/search-filter.min.js"></script>
77
72
  {{/content}}
78
73
  {{/extend}}
package/src/page_plp_v2.html CHANGED
@@ -17,20 +17,30 @@
17
17
 
18
18
  <div class="row">
19
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"}}
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
22
21
  </aside>
23
22
 
24
23
  <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)"}}
24
+ <div class="plp-filters" data-component="plp-filters" aria-label="Product filters">
25
+ <div class="plp-filters__bar plp-filters__bar-mobile" role="tablist" aria-label="Filters">
26
+ {{> kitchen/mobile-nav-item
27
+ icon="fas fa-filter"
28
+ title="Filter by"
29
+ info="1,818 results"
30
+ modalId="filterModal"
31
+ mod="filter-modal-cta"
32
+ }}
33
+ {{> kitchen/mobile-nav-item
34
+ icon="fas fa-sort-alt"
35
+ title="Sort by"
36
+ info="Relevance"
37
+ dropdown=true
38
+ }}
32
39
  </div>
33
40
  </div>
41
+ <div class="sort-products-list">
42
+ {{> kitchen/sort-by }}
43
+ </div>
34
44
 
35
45
  <div class="products-list products-list-v2">
36
46
  {{#each search-result_v2.products}}
@@ -71,8 +81,11 @@
71
81
  </main>
72
82
  {{/content}}
73
83
  {{#content "foot" mode="append"}}
84
+ {{> kitchen/filter-modal isKitchenMode=false modalTitle="Filter by" }}
74
85
  <script defer src="./js/plp.bundle.min.js"></script>
75
86
  <script defer src="./js/page/plp-img-v2.js"></script>
76
87
  <script defer src="./js/page/plp-cards-v2.js"></script>
88
+ <script defer src="./js/search-filter.min.js"></script>
89
+ <script defer src="./js/plp-filters.min.js"></script>
77
90
  {{/content}}
78
91
  {{/extend}}
package/src/page_product_search-vat.html CHANGED
@@ -17,18 +17,12 @@
17
17
 
18
18
  <div class="row">
19
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"}}
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
22
21
  </aside>
23
22
 
24
23
  <div class="content">
25
24
  <div class="sort-products-list">
26
25
  <div class="sort-products-list__section sort-products-list__items-per-page">
27
- <button class="btn btn-primary open-filters-btn" id="open-overlay">
28
- <span class="btn__text">
29
- <span class="icon"><span class="fas fa-filter"></span></span>Show filters
30
- </span>
31
- </button>
32
26
  {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
33
27
  </div>
34
28
  <div class="sort-products-list__section sort-products-list__pagination">
@@ -69,5 +63,6 @@
69
63
  <script defer src="./js/page/plp-img-v2.js"></script>
70
64
  <script defer src="./js/page/plp-cards-v2.js"></script>
71
65
  <script defer src="./js/components/badge-cashback.js"></script>
66
+ <script defer src="./js/search-filter.min.js"></script>
72
67
  {{/content}}
73
68
  {{/extend}}
package/src/page_product_search.html CHANGED
@@ -17,18 +17,12 @@
17
17
 
18
18
  <div class="row">
19
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"}}
20
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
22
21
  </aside>
23
22
 
24
23
  <div class="content">
25
24
  <div class="sort-products-list">
26
25
  <div class="sort-products-list__section sort-products-list__items-per-page">
27
- <button class="btn btn-primary open-filters-btn" id="open-overlay">
28
- <span class="btn__text">
29
- <span class="icon"><span class="fas fa-filter"></span></span>Show filters
30
- </span>
31
- </button>
32
26
  {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
33
27
  </div>
34
28
  <div class="sort-products-list__section sort-products-list__pagination">
@@ -69,5 +63,6 @@
69
63
  <script defer src="./js/page/plp-img-v2.js"></script>
70
64
  <script defer src="./js/page/plp-cards-v2.js"></script>
71
65
  <script defer src="./js/components/badge-cashback.js"></script>
66
+ <script defer src="./js/search-filter.min.js"></script>
72
67
  {{/content}}
73
68
  {{/extend}}
package/src/page_project-list-generate-project-list-ID.html CHANGED
@@ -19,4 +19,7 @@
19
19
  }}
20
20
  </main>
21
21
  {{/content}}
22
+ {{#content "foot" mode="append"}}
23
+ <script defer src="./js/share-project-list.min.js"></script>
24
+ {{/content}}
22
25
  {{/extend}}
package/src/page_project-list-vat.html CHANGED
@@ -21,4 +21,8 @@
21
21
  }}
22
22
  </main>
23
23
  {{/content}}
24
+ {{#content "foot" mode="append"}}
25
+ <script defer src="./js/project-list.min.js"></script>
26
+ <script defer src="./js/share-project-list.min.js"></script>
27
+ {{/content}}
24
28
  {{/extend}}
package/src/page_project-list-with-new-share-popup-android.html ADDED
@@ -0,0 +1,16 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="page_empty-shared-shopping-list" title="Project list - Bicester Hub" hideBanner="true" shopListEmpty="true"}}
2
+ {{#content "head" mode="append"}}
3
+ <link type="text/css" rel="stylesheet" href="./css/pages/bicester-project-list.css">
4
+ {{/content}}
5
+ {{#content "body"}}
6
+ <main>
7
+ {{> shopping-list-with-share-list-v2 isUserRegister=true isAndroid=true}}
8
+ </main>
9
+ {{/content}}
10
+ {{#content "foot" mode="append"}}
11
+ <script src="./js/project-list.min.js"></script>
12
+ <script defer src="./js/share-project-list.min.js"></script>
13
+ <script async src="https://static.addtoany.com/menu/page.js"></script>
14
+ <script defer src="./js/saving-shopping-list.min.js"></script>
15
+ {{/content}}
16
+ {{/extend}}
package/src/page_project-list-with-new-share-popup-ios.html ADDED
@@ -0,0 +1,16 @@
1
+ {{#extend "base" hybrisClass="hybris-class" pageClass="page_empty-shared-shopping-list tp-ios" title="Project list - Bicester Hub" hideBanner="true" shopListEmpty="true"}}
2
+ {{#content "head" mode="append"}}
3
+ <link type="text/css" rel="stylesheet" href="./css/pages/bicester-project-list.css">
4
+ {{/content}}
5
+ {{#content "body"}}
6
+ <main>
7
+ {{> shopping-list-with-share-list-v2 isUserRegister=true}}
8
+ </main>
9
+ {{/content}}
10
+ {{#content "foot" mode="append"}}
11
+ <script src="./js/project-list.min.js"></script>
12
+ <script defer src="./js/share-project-list.min.js"></script>
13
+ <script async src="https://static.addtoany.com/menu/page.js"></script>
14
+ <script defer src="./js/saving-shopping-list.min.js"></script>
15
+ {{/content}}
16
+ {{/extend}}
package/src/page_project-list-with-new-share-popup.html CHANGED
@@ -8,7 +8,8 @@
8
8
  </main>
9
9
  {{/content}}
10
10
  {{#content "foot" mode="append"}}
11
- <script src="./js/project-list-note.min.js"></script>
11
+ <script defer src="./js/project-list.min.js"></script>
12
12
  <script async src="https://static.addtoany.com/menu/page.js"></script>
13
+ <script defer src="./js/saving-shopping-list.min.js"></script>
13
14
  {{/content}}
14
15
  {{/extend}}
package/src/page_search-results.html CHANGED
@@ -16,8 +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"}}
20
- {{> search-filter-mobile }}
19
+ {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
21
20
  </aside>
22
21
 
23
22
  <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">
@@ -80,5 +74,6 @@
80
74
  <script defer src="./js/energy-efficiency.min.js"></script>
81
75
  <script defer src="./js/page/plp-img-v2.js"></script>
82
76
  <script defer src="./js/page/plp-cards-v2.js"></script>
77
+ <script defer src="./js/search-filter.min.js"></script>
83
78
  {{/content}}
84
79
  {{/extend}}
package/src/page_shared-project-list-bicester-hub.html CHANGED
@@ -9,7 +9,9 @@
9
9
  </main>
10
10
  {{/content}}
11
11
  {{#content "foot" mode="append"}}
12
- <script src="./js/project-list-note.min.js"></script>
12
+ <script defer src="./js/project-list.min.js"></script>
13
+ <script defer src="./js/share-project-list.min.js"></script>
13
14
  <script defer src="./js/global-search.min.js"></script>
15
+ <script defer src="./js/saving-shopping-list.min.js"></script>
14
16
  {{/content}}
15
17
  {{/extend}}
package/src/page_tradepro-discount-app.html CHANGED
@@ -32,7 +32,7 @@ mainClass="discount-offer"
32
32
  </div>
33
33
  <div class="discount-offer__body">
34
34
  {{> my-account/discount
35
- discountSrc=my_account.tradepro.discount
35
+ discountText=my_account.tradepro.discountText
36
36
  title="In-store discount"
37
37
  code=my_account.discount
38
38
  }}