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
@@ -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}}
@@ -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}}
@@ -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}}
@@ -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}}
@@ -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}}
@@ -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}}
@@ -0,0 +1,120 @@
1
+ {{#extend "base" pageClass="page-product-details" title="Product details page new with klarna"
2
+ isDiscount=true
3
+ isSQM=true
4
+ isDescription=true
5
+ isCashback=false
6
+ isSize=true
7
+ hourly-delivery=true
8
+ badge-text='15% off'
9
+ badge-color='yellow'
10
+ badge-text-color='gray'
11
+ step3=true
12
+ currentlyInStock=true
13
+ pagePdp=true
14
+ }}
15
+ {{#content "body"}}
16
+ <main class="pdp__main">
17
+ <div class="container">
18
+ <div class="pdp">
19
+ <div class="pdp__title">
20
+ <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
21
+ title in two raws
22
+ </h1>
23
+ <div class="pdp__reviews_small">
24
+ <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
25
+ <div class="product-card__reviews review-star">
26
+ <div class="product-rating product-rating-v2">
27
+ <div class="rating-bg">
28
+ <i class="fa fa-star" aria-hidden="true"></i>
29
+ <i class="fa fa-star" aria-hidden="true"></i>
30
+ <i class="fa fa-star" aria-hidden="true"></i>
31
+ <i class="fa fa-star" aria-hidden="true"></i>
32
+ <i class="fa fa-star" aria-hidden="true"></i>
33
+ <div class="rating-overlay"
34
+ data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
35
+ <i class="fa fa-star" aria-hidden="true"></i>
36
+ <i class="fa fa-star" aria-hidden="true"></i>
37
+ <i class="fa fa-star" aria-hidden="true"></i>
38
+ <i class="fa fa-star" aria-hidden="true"></i>
39
+ <i class="fa fa-star" aria-hidden="true"></i>
40
+ </div>
41
+ </div>
42
+ </div>
43
+ <span class="review-star-average review-star-average-v2">(4.6)</span>
44
+ </div>
45
+ <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
46
+ </div>
47
+ </div>
48
+
49
+ <div class="pdp__gallery">
50
+ {{> gallery-pdp-v2 }}
51
+ </div>
52
+ <div class="pdp__aside">
53
+ {{> price-block-v2
54
+ isProductSaved=false
55
+ isUserLogedOut=true
56
+ install=true
57
+ sample=true
58
+ big-wins=true
59
+ stock-accordion="stock-accordion"
60
+ cc=false
61
+ nearestAmount=12
62
+ isUserNonRegistered=true
63
+ delivery=true
64
+ nearest-purchase=true
65
+ klarna-placement=true
66
+ klarna-method-ids="BathroomsFinance"
67
+ }}
68
+ {{> fulfilment-accordions }}
69
+ </div>
70
+ <div class="pdp__description">
71
+ {{> product-main-info-v2 isAdvice=true}}
72
+ </div>
73
+ {{> fulfilment-accordions }}
74
+ </div>
75
+ </div>
76
+ <div class="container container-info">
77
+ <div class="pdp">
78
+ <div class="pdp__info">
79
+ {{> pdp-info-v2 tile=true }}
80
+ </div>
81
+ </div>
82
+ </div>
83
+ {{> recently-viewed }}
84
+ </main>
85
+ {{/content}}
86
+ {{#content "foot" mode="append"}}
87
+ <script type="text/html" id="mini-basket-popup">
88
+ {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
89
+ </script>
90
+ <script defer src="./js/page/pdp.js"></script>
91
+ {{> click-and-collect-modal}}
92
+ {{> thank-you-modal}}
93
+ {{/content}}
94
+ {{/extend}}
95
+ <script type="module" defer src="./js/page/installation/ti.js"></script>
96
+ <script type="module" defer src="./js/page/klarna-modal-scroll-disable.js"></script>
97
+ <script>
98
+ if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
99
+ $(document).ready(function () {
100
+ $('.modal').on('scroll', function () {
101
+ $(':focus').blur();
102
+ });
103
+ });
104
+ }
105
+
106
+ $(document).ready(function () {
107
+
108
+ $('#info-details').toggleClass('accordion_collapsed');
109
+ $('#details-content').css('display', 'block');
110
+
111
+ $('#open-review').on('click', function () {
112
+ $('#info-review').toggleClass('accordion_collapsed');
113
+ $('#review-content').css('display', 'block');
114
+ });
115
+
116
+ $('.ti__next ti__next3 .btn').on('click', function () {
117
+ alert('Click');
118
+ });
119
+ })
120
+ </script>
@@ -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}}
@@ -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}}
@@ -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}}
@@ -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}}
@@ -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}}
@@ -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}}
@@ -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}}