wickes-css2 2.107.0-ripple.2 → 2.107.0-ripple.21

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 (307) hide show
  1. package/build/css/category-main.css +1 -1
  2. package/build/css/components/card-product-banner.css +1 -1
  3. package/build/css/components/checkout-chip.css +1 -1
  4. package/build/css/components/checkout-payment-details-v2.css +1 -1
  5. package/build/css/components/price-block-v2-critical.css +1 -1
  6. package/build/css/components/price-block-v2.css +1 -1
  7. package/build/css/components/special-opening-schedule-v2.css +1 -1
  8. package/build/css/components/special-opening-schedule.css +1 -1
  9. package/build/css/emulation.css +1 -1
  10. package/build/css/homepage-main.css +1 -1
  11. package/build/css/kitchen-plp-main.css +1 -1
  12. package/build/css/main.css +1 -1
  13. package/build/css/my-account-main-v2.css +1 -1
  14. package/build/css/my-account-main.css +1 -1
  15. package/build/css/pages/checkout-new.css +1 -1
  16. package/build/css/pages/my-account-v2.css +1 -1
  17. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  18. package/build/css/pages/page_merged-basket.css +1 -1
  19. package/build/css/pages/page_personal-details.css +1 -1
  20. package/build/css/pages/page_product-details-v2-critical.css +1 -1
  21. package/build/css/pages/page_product-details-v2.css +1 -1
  22. package/build/css/pages/page_product-details.css +1 -1
  23. package/build/css/pages/page_products-list-combined.css +1 -1
  24. package/build/css/pages/page_products-list.css +1 -1
  25. package/build/css/pages/page_shopping-cart-v2.css +1 -1
  26. package/build/css/pages/page_store-locator-details.css +1 -1
  27. package/build/css/pages/page_store-locator.css +1 -1
  28. package/build/css/pdp-main-before-combine.css +1 -1
  29. package/build/css/pdp-main-critical.css +1 -1
  30. package/build/css/pdp-main-non-critical.css +1 -1
  31. package/build/css/pdp-main.css +1 -1
  32. package/build/css/plp-main.css +1 -1
  33. package/build/css/store-locator-main.css +1 -1
  34. package/build/js/account-hub.min.js +1 -1
  35. package/build/js/basket.min.js +2 -2
  36. package/build/js/bloomreach-widget.min.js +1 -0
  37. package/build/js/bundle.min.js +1 -1
  38. package/build/js/checkout.min.js +2 -2
  39. package/build/js/components/general/accordion.js +69 -0
  40. package/build/js/components/general/back-to-top.js +45 -0
  41. package/build/js/components/general/backdrop.js +23 -0
  42. package/build/js/components/general/cart-slider.js +36 -0
  43. package/build/js/components/general/clamp-content.js +95 -0
  44. package/build/js/components/general/clamp.js +216 -0
  45. package/build/js/components/general/clear-input.js +33 -0
  46. package/build/js/components/general/cookie-chat-back.js +51 -0
  47. package/build/js/components/general/cookies-policy.js +9 -0
  48. package/build/js/components/general/create-popup-slider.js +194 -0
  49. package/build/js/components/general/device-type.js +6 -0
  50. package/build/js/components/general/footer.js +67 -0
  51. package/build/js/components/general/handleAccordion.js +35 -0
  52. package/build/js/components/general/image-accordion.js +54 -0
  53. package/build/js/components/general/is-trade-pro.js +38 -0
  54. package/build/js/components/general/main-nav.js +16 -0
  55. package/build/js/components/general/main-navigation.js +275 -0
  56. package/build/js/components/general/notification.js +70 -0
  57. package/build/js/components/general/offer-banner.js +74 -0
  58. package/build/js/components/general/scroll-disable.js +54 -0
  59. package/build/js/components/general/search.js +43 -0
  60. package/build/js/components/general/snack-bar.js +160 -0
  61. package/build/js/components/general/sticky_header.js +62 -0
  62. package/build/js/components/general/switchVat.js +161 -0
  63. package/build/js/components/general/text-clamp.js +102 -0
  64. package/build/js/components/general/tooltips.js +8 -0
  65. package/build/js/components/general/validation.js +48 -0
  66. package/build/js/emulation.min.js +3377 -164
  67. package/build/js/general.bundle.min.js +1 -1
  68. package/build/js/gift-cards.min.js +1 -1
  69. package/build/js/kitchen/kitchen-plp.min.js +1 -1
  70. package/build/js/merged-checkout.min.js +2 -2
  71. package/build/js/mini-basket-slider.min.js +1 -1
  72. package/build/js/package-bulk-add.min.js +1 -0
  73. package/build/js/page/basket/mini-basket-total.js +17 -2
  74. package/build/js/page/bloomreach-widget.js +1148 -0
  75. package/build/js/page/checkout-payment-details.js +12 -1
  76. package/build/js/page/checkout.js +1 -1
  77. package/build/js/page/components/notify-me.js +99 -0
  78. package/build/js/page/components/order-summary.js +35 -0
  79. package/build/js/page/plp-load-more.js +81 -66
  80. package/build/js/page/ripple/bulk-add.js +63 -0
  81. package/build/js/page/ripple/package-bulk-add.js +43 -0
  82. package/build/js/page/ripple/postcode-checker.js +83 -0
  83. package/build/js/page/ripple/thumb-gallery.js +168 -0
  84. package/build/js/page/utils/create-count-stepper.js +30 -9
  85. package/build/js/page/utils/create-loading-button.js +37 -0
  86. package/build/js/page/utils/create-toast.js +79 -0
  87. package/build/js/page/utils/custom-dropdown.js +80 -0
  88. package/build/js/pdp-count-stepper.min.js +1 -1
  89. package/build/js/pdp.bundle.min.js +2 -1
  90. package/build/js/plp.bundle.min.js +1 -1
  91. package/build/js/postcode-checker.min.js +1 -0
  92. package/build/js/project-list.min.js +1 -1
  93. package/build/js/saving-shopping-list.min.js +1 -1
  94. package/build/js/wickes-dc.js +1 -0
  95. package/package.json +1 -4
  96. package/src/badges-ripple.html +120 -0
  97. package/src/badges.html +9 -18
  98. package/src/components/base/button.hbs +23 -5
  99. package/src/components/bloomreach/complete-card-dropdown.hbs +47 -0
  100. package/src/components/bloomreach/complete-card-skeleton.hbs +19 -0
  101. package/src/components/bloomreach/complete-card.hbs +138 -0
  102. package/src/components/bloomreach/complete-divider.hbs +3 -0
  103. package/src/components/bloomreach/complete-summary-skeleton.hbs +12 -0
  104. package/src/components/bloomreach/complete-summary.hbs +43 -0
  105. package/src/components/bloomreach/complete-wrapper.hbs +1 -0
  106. package/src/components/bloomreach/complete-your-project.hbs +21 -0
  107. package/src/components/card-store-locator.hbs +70 -33
  108. package/src/components/card_bloomreach_media_banner.hbs +10 -0
  109. package/src/components/card_product_banner_v2.hbs +4 -1
  110. package/src/components/card_sponsor_banner.hbs +4 -1
  111. package/src/components/cart-voucher.hbs +10 -1
  112. package/src/components/checkout_order-summary-new.hbs +11 -2
  113. package/src/components/click-and-collect-modal.hbs +0 -14
  114. package/src/components/date-selection.hbs +1 -1
  115. package/src/components/delivery-types.hbs +11 -3
  116. package/src/components/fulfilment-accordions.hbs +1 -1
  117. package/src/components/gift-cards.hbs +1 -1
  118. package/src/components/injected-content.hbs +6 -1
  119. package/src/components/kitchen/price.hbs +49 -29
  120. package/src/components/kitchen/strip-stickers.hbs +9 -3
  121. package/src/components/modal.hbs +1 -1
  122. package/src/components/modals/notify-me-modal.hbs +76 -0
  123. package/src/components/order-item.hbs +18 -5
  124. package/src/components/order-summary.hbs +2 -2
  125. package/src/components/package-card.hbs +30 -0
  126. package/src/components/pdp-price-actions.hbs +17 -0
  127. package/src/components/postcode-checker.hbs +24 -0
  128. package/src/components/potential-promotion.hbs +12 -3
  129. package/src/components/price-badges.hbs +14 -0
  130. package/src/components/price-block-v2.hbs +91 -31
  131. package/src/components/product-main-info-v2.hbs +2 -0
  132. package/src/components/sponsor-top-banner.hbs +10 -0
  133. package/src/components/suite-includes.hbs +43 -12
  134. package/src/components/suite-product-card.hbs +37 -15
  135. package/src/components/thumb-gallery.hbs +23 -0
  136. package/src/data/data_badges.json +143 -0
  137. package/src/data/data_bathroom-plp.json +814 -0
  138. package/src/data/data_delivery-address-v2.json +1 -1
  139. package/src/data/data_locators.json +441 -135
  140. package/src/data/data_search-results_v2.json +20 -2
  141. package/src/data/data_shopping-cart-v2.json +23 -5
  142. package/src/data/data_spr_injected_content.json +4 -0
  143. package/src/data/data_suite-includes-products.json +73 -2
  144. package/src/elements/checkbox.hbs +8 -1
  145. package/src/js/components/banner-placement-manager.js +25 -9
  146. package/src/js/components/general/accordion.js +25 -2
  147. package/src/js/components/general/cart-slider.js +19 -6
  148. package/src/js/components/package-card.js +69 -0
  149. package/src/js/components/store-locator-cards.js +76 -0
  150. package/src/js/emulation/banner-placement-manager.js +285 -53
  151. package/src/js/emulation/bloomreach-widget-calculations.js +132 -0
  152. package/src/js/emulation/bloomreach-widget-loading.js +11 -0
  153. package/src/js/emulation/checkout-delivery-details.js +28 -25
  154. package/src/js/emulation/custom-slider-emulation.js +1 -1
  155. package/src/js/emulation/date-selection.js +136 -24
  156. package/src/js/emulation/forms.js +12 -0
  157. package/src/js/emulation/gift-cards.js +1 -1
  158. package/src/js/emulation/mini-basket-data.js +3 -3
  159. package/src/js/emulation/mock.js +3112 -4
  160. package/src/js/emulation/notify-me.js +9 -0
  161. package/src/js/emulation/plp-load-more.js +13 -4
  162. package/src/js/emulation/postcode-checker.js +11 -0
  163. package/src/js/emulation/store-locator-load-more.js +69 -0
  164. package/src/js/emulation/switchCalendar.js +12 -8
  165. package/src/js/page/basket/mini-basket-total.js +17 -2
  166. package/src/js/page/bloomreach-widget.js +1148 -0
  167. package/src/js/page/checkout-payment-details.js +12 -1
  168. package/src/js/page/checkout.js +1 -1
  169. package/src/js/page/components/notify-me.js +99 -0
  170. package/src/js/page/components/order-summary.js +35 -0
  171. package/src/js/page/plp-load-more.js +81 -66
  172. package/src/js/page/ripple/bulk-add.js +63 -0
  173. package/src/js/page/ripple/package-bulk-add.js +43 -0
  174. package/src/js/page/ripple/postcode-checker.js +83 -0
  175. package/src/js/page/ripple/thumb-gallery.js +168 -0
  176. package/src/js/page/utils/create-count-stepper.js +30 -9
  177. package/src/js/page/utils/create-loading-button.js +37 -0
  178. package/src/js/page/utils/create-toast.js +79 -0
  179. package/src/js/page/utils/custom-dropdown.js +80 -0
  180. package/src/page_bathroom-plp-vat.html +81 -0
  181. package/src/page_bathroom-plp-without-load-more.html +83 -0
  182. package/src/page_bathroom-plp.html +98 -0
  183. package/src/page_checkout_next-day-delivery-details.html +2 -2
  184. package/src/page_checkout_payment-details-v2-asm.html +1 -1
  185. package/src/page_checkout_payment-details-v2.html +1 -1
  186. package/src/page_checkout_payment-details_with-card-loader.html +1 -1
  187. package/src/page_checkout_payment-details_with-klarna-loader.html +1 -1
  188. package/src/page_checkout_payment-details_with-loader-v2.html +1 -1
  189. package/src/page_checkout_rapid-delivery-details.html +7 -5
  190. package/src/page_klarna_payment-details_with-klarna.html +1 -1
  191. package/src/page_my-account-installer-carousel.html +131 -0
  192. package/src/page_payment-details-with-billie.html +1 -1
  193. package/src/page_payment-details-with-clearpay.html +1 -1
  194. package/src/page_payment-details-with-gift-card.html +1 -1
  195. package/src/page_payment-details_with_apple-pay.html +1 -1
  196. package/src/page_payment-details_with_google-pay.html +1 -1
  197. package/src/page_plp_bloomreach.html +81 -0
  198. package/src/page_plp_v2.html +6 -0
  199. package/src/page_product-details-banner.html +1 -4
  200. package/src/page_product-details-big-wins-disabled-delivery.html +1 -4
  201. package/src/page_product-details-big-wins-non-registered.html +1 -4
  202. package/src/page_product-details-big-wins-out-nearest.html +1 -4
  203. package/src/page_product-details-big-wins-unhappy.html +1 -4
  204. package/src/page_product-details-big-wins.html +1 -4
  205. package/src/page_product-details-billie.html +1 -4
  206. package/src/page_product-details-bloomreach.html +130 -0
  207. package/src/page_product-details-calculator.html +1 -4
  208. package/src/page_product-details-cashback-v2.html +1 -4
  209. package/src/page_product-details-clearpay.html +1 -4
  210. package/src/page_product-details-cnc-error-notification.html +1 -4
  211. package/src/page_product-details-cnc-success-notification-vat.html +1 -5
  212. package/src/page_product-details-cnc-success-notification.html +1 -4
  213. package/src/page_product-details-default-store.html +1 -4
  214. package/src/page_product-details-energy-efficiency.html +1 -4
  215. package/src/page_product-details-flooring-with-pr-placeholder.html +1 -4
  216. package/src/page_product-details-flooring.html +1 -4
  217. package/src/page_product-details-gallery-actual.html +1 -4
  218. package/src/page_product-details-mfe-calculator.html +10 -7
  219. package/src/page_product-details-minimum-v2.html +0 -1
  220. package/src/page_product-details-mtm-doors.html +1 -4
  221. package/src/page_product-details-only-clearpay.html +1 -4
  222. package/src/page_product-details-paint-mixing.html +1 -4
  223. package/src/page_product-details-ripple-gallery.html +119 -0
  224. package/src/page_product-details-saved-pl.html +1 -4
  225. package/src/page_product-details-suite-includes-banners.html +139 -0
  226. package/src/page_product-details-suite-includes-vat.html +126 -0
  227. package/src/page_product-details-suite-includes.html +32 -20
  228. package/src/page_product-details-tile-steps-klarna-widget-with-method-ids.html +1 -4
  229. package/src/page_product-details-tile-steps-logout.html +1 -4
  230. package/src/page_product-details-tile-steps-no-new-project-list.html +1 -4
  231. package/src/page_product-details-tile-steps-with-klarna.html +1 -4
  232. package/src/page_product-details-tile-steps.html +1 -4
  233. package/src/page_product-details-v2.html +1 -4
  234. package/src/page_product-details-vat.html +1 -4
  235. package/src/page_product-details-wisdom-mcfc-registered.html +1 -4
  236. package/src/page_product-details-wisdom-mcfc.html +1 -4
  237. package/src/page_product-details-wisdom-oos-registered.html +1 -4
  238. package/src/page_product-details-wisdom-oos.html +1 -4
  239. package/src/page_product-details-wisdom-registered.html +1 -4
  240. package/src/page_product-details-wisdom.html +1 -4
  241. package/src/page_product-details-with-favourite.html +1 -4
  242. package/src/page_product-details-with-global-search-v2.html +8 -4
  243. package/src/page_product-details_no-previous-default.html +1 -4
  244. package/src/page_shopping-cart-v2-vat.html +2 -1
  245. package/src/page_store-locator-list.html +17 -28
  246. package/src/page_track-my-order-result.html +1 -0
  247. package/src/partials/scripts.hbs +1 -0
  248. package/src/scss/common/_CTAs.scss +7 -3
  249. package/src/scss/common/_common.scss +1 -0
  250. package/src/scss/common/_elements.scss +13 -1
  251. package/src/scss/common/_loading-button.scss +49 -0
  252. package/src/scss/components/_card-store-locator.scss +139 -32
  253. package/src/scss/components/_custom-slider.scss +18 -0
  254. package/src/scss/components/_date-selection-add-new-styles.scss +43 -1
  255. package/src/scss/components/_image-accordion.scss +5 -2
  256. package/src/scss/components/_kitchen-card.scss +5 -4
  257. package/src/scss/components/_notifications.scss +86 -5
  258. package/src/scss/components/_notify-me-modal.scss +139 -0
  259. package/src/scss/components/_order-summary.scss +25 -12
  260. package/src/scss/components/_package-card.scss +63 -0
  261. package/src/scss/components/_package-plp.scss +88 -0
  262. package/src/scss/components/_pdp-action-v2-critical.scss +12 -0
  263. package/src/scss/components/_pdp-action-v2.scss +12 -0
  264. package/src/scss/components/_postcode-checker.scss +115 -0
  265. package/src/scss/components/_price-badges-critical.scss +10 -1
  266. package/src/scss/components/_price-badges.scss +10 -2
  267. package/src/scss/components/_price-block-critical.scss +11 -3
  268. package/src/scss/components/_price-block.scss +15 -4
  269. package/src/scss/components/_suite-includes.scss +29 -26
  270. package/src/scss/components/_suite-product-card.scss +33 -23
  271. package/src/scss/components/_thumb-gallery-critical.scss +34 -0
  272. package/src/scss/components/_thumb-gallery.scss +192 -0
  273. package/src/scss/components/bloomreach/_bloomreach.scss +3 -0
  274. package/src/scss/components/bloomreach/_complete-card-dropdown.scss +174 -0
  275. package/src/scss/components/bloomreach/_complete-card.scss +402 -0
  276. package/src/scss/components/bloomreach/_complete-your-project.scss +207 -0
  277. package/src/scss/components/card-product-banner.scss +35 -27
  278. package/src/scss/components/checkout-chip.scss +1 -0
  279. package/src/scss/components/checkout-payment-details-v2.scss +12 -0
  280. package/src/scss/components/kitchen/_price.scss +10 -0
  281. package/src/scss/components/kitchen/_strip-stickers.scss +46 -0
  282. package/src/scss/components/my-account/_clipboard-code.scss +4 -0
  283. package/src/scss/components/price-block-v2-critical.scss +54 -1
  284. package/src/scss/components/price-block-v2.scss +54 -3
  285. package/src/scss/components/special-opening-schedule-v2.scss +2 -6
  286. package/src/scss/components/special-opening-schedule.scss +17 -4
  287. package/src/scss/emulation.scss +0 -6
  288. package/src/scss/helpers/_CTAs.scss +15 -5
  289. package/src/scss/helpers/_variables.scss +1 -0
  290. package/src/scss/pages/page_checkout_delivery-new.scss +36 -0
  291. package/src/scss/pages/page_product-details-v2-critical.scss +217 -111
  292. package/src/scss/pages/page_product-details-v2.scss +200 -109
  293. package/src/scss/pages/page_product-details.scss +0 -2
  294. package/src/scss/pages/page_products-list-combined.scss +8 -1
  295. package/src/scss/pages/page_products-list.scss +8 -1
  296. package/src/scss/pages/page_shopping-cart-v2.scss +34 -10
  297. package/src/scss/pages/page_store-locator.scss +48 -26
  298. package/src/scss/pdp-main-critical.scss +1 -1
  299. package/src/scss/pdp-main.scss +5 -1
  300. package/src/scss/plp-main.scss +5 -0
  301. package/src/scss/store-locator-main.scss +15 -1
  302. package/src/sitemap.html +15 -0
  303. package/build/css/components/kitchen/strip-stickers.css +0 -1
  304. package/build/css/components/strip-stickers.css +0 -1
  305. package/src/js/emulation/store-locator-list.js +0 -19
  306. package/src/scss/components/kitchen/strip-stickers.scss +0 -18
  307. package/src/scss/components/strip-stickers.scss +0 -18
@@ -0,0 +1,139 @@
1
+ {{#extend "base" pageClass="page-product-details" title="Product details page suite includes "
2
+ isDiscount=true
3
+ isExcludingDelivery=true
4
+ isDescription=true
5
+ isCashback=false
6
+ isQuantity=true
7
+ isSize=false
8
+ billie-placement=true
9
+ clearpay-placement=true
10
+ hourly-delivery=true
11
+ isStaticBadges=true
12
+ badges=pdp-price-badges.rippleBadges.greenRed
13
+ step3=true
14
+ currentlyInStock=true
15
+ pagePdp=true
16
+ }}
17
+ {{#content "head" mode="append" pagePdp=true}}
18
+ <link type="text/css" rel="stylesheet" href="https://static-content-develop.dev.wickes.co.uk/whisk/kitchen-static/css/kitchen-content.css">
19
+ {{/content}}
20
+ {{#content "body"}}
21
+ <main class="pdp__main">
22
+ <div class="container">
23
+ <div class="pdp pdp--ripple">
24
+ <div class="pdp__title">
25
+ <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
26
+ title in two raws
27
+ </h1>
28
+ <div class="pdp__reviews_small">
29
+ <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
30
+ <div class="product-card__reviews review-star">
31
+ <div class="product-rating product-rating-v2">
32
+ <div class="rating-bg">
33
+ <i class="fa fa-star" aria-hidden="true"></i>
34
+ <i class="fa fa-star" aria-hidden="true"></i>
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
+ <div class="rating-overlay"
39
+ data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
40
+ <i class="fa fa-star" aria-hidden="true"></i>
41
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
42
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
43
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
44
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ <span class="review-star-average review-star-average-v2">(4.6)</span>
49
+ </div>
50
+ <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
51
+ </div>
52
+ </div>
53
+
54
+ <div class="pdp__full-gallery">
55
+ {{> thumb-gallery }}
56
+ </div>
57
+
58
+ <div class="pdp__aside">
59
+ {{> price-block-v2 isProductSaved=false isUserLogedOut=false wisdom=true }}
60
+ </div>
61
+
62
+ <div class="pdp__full-description">
63
+ {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
64
+ </div>
65
+
66
+
67
+ <div class="pdp__suite-includes">
68
+ {{> suite-includes products=ripple-pdp.suite-products was_price=ripple-pdp.was_price price=ripple-pdp.price }}
69
+ </div>
70
+
71
+ <div class="pdp__banner hybris-slot">
72
+ <div style="min-height: 120px; background-color: gray;"></div>
73
+ </div>
74
+
75
+ {{> fulfilment-accordions}}
76
+
77
+ <div class="pdp__banner hybris-slot" style="grid-row: 7 / span 1; grid-column: 1 / span 4;">
78
+ <div style="min-height: 120px; background-color: gray;"></div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+ <div class="container container-info">
83
+ <div class="pdp pdp--ripple">
84
+ <div class="pdp__info">
85
+ {{> pdp-info-v2 floor=true }}
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ <div class="container">
91
+ <div class="pdp__banner hybris-slot">
92
+ <div class="banner-emulation" style="height: 398px; min-height: 120px; background-color: gray;"></div>
93
+ <div style="min-height: 120px; background-color: gray;"></div>
94
+ <div style="min-height: 120px; background-color: gray;"></div>
95
+ </div>
96
+ </div>
97
+
98
+ <div class="pdp--ripple">
99
+ {{> seo-widgets title="Related category" }}
100
+ </div>
101
+ </main>
102
+ {{/content}}
103
+ {{#content "foot" mode="append"}}
104
+ <script type="text/html" id="mini-basket-popup">
105
+ {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
106
+ </script>
107
+ <script defer src="./js/page/pdp.js"></script>
108
+ {{> click-and-collect-modal}}
109
+ {{> thank-you-modal}}
110
+ {{/content}}
111
+ {{/extend}}
112
+ <!--<script defer src="./js/page/ti.js"></script>-->
113
+ <script type="module" defer src="./js/page/installation/fi.js"></script>
114
+ <script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
115
+ <script>
116
+ if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
117
+ $(document).ready(function () {
118
+ $('.modal').on('scroll', function () {
119
+ $(':focus').blur();
120
+ });
121
+ });
122
+ }
123
+
124
+ $(document).ready(function () {
125
+
126
+ $('#info-details').toggleClass('accordion_collapsed');
127
+ $('#details-content').css('display', 'block');
128
+
129
+ $('#open-review').on('click', function () {
130
+ $('#info-review').toggleClass('accordion_collapsed');
131
+ $('#review-content').css('display', 'block');
132
+ });
133
+
134
+ $('.ti__next ti__next3 .btn').on('click', function () {
135
+ alert('Click');
136
+ });
137
+ })
138
+ </script>
139
+
@@ -0,0 +1,126 @@
1
+ {{#extend "base" pageClass="page-product-details" title="Product details page suite includes VAT"
2
+ isDiscount=true
3
+ isExcludingDelivery=true
4
+ isCashback=false
5
+ isQuantity=true
6
+ isSize=false
7
+ billie-placement=true
8
+ clearpay-placement=true
9
+ hourly-delivery=true
10
+ isStaticBadges=true
11
+ badges=pdp-price-badges.rippleBadges.twoRed
12
+ step3=true
13
+ currentlyInStock=true
14
+ pagePdp=true
15
+ switch-vat=true
16
+ package=true
17
+ }}
18
+ {{#content "head" mode="append" pagePdp=true}}
19
+ {{/content}}
20
+ {{#content "body"}}
21
+ <main class="pdp__main">
22
+ <div class="container">
23
+ <div class="pdp pdp--ripple">
24
+ <div class="pdp__title">
25
+ <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
26
+ title in two raws
27
+ </h1>
28
+ <div class="pdp__reviews_small">
29
+ <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
30
+ <div class="product-card__reviews review-star">
31
+ <div class="product-rating product-rating-v2">
32
+ <div class="rating-bg">
33
+ <i class="fa fa-star" aria-hidden="true"></i>
34
+ <i class="fa fa-star" aria-hidden="true"></i>
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
+ <div class="rating-overlay"
39
+ data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
40
+ <i class="fa fa-star" aria-hidden="true"></i>
41
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
42
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
43
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
44
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
45
+ </div>
46
+ </div>
47
+ </div>
48
+ <span class="review-star-average review-star-average-v2">(4.6)</span>
49
+ </div>
50
+ <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
51
+ </div>
52
+ </div>
53
+
54
+ <div class="pdp__full-gallery">
55
+ {{> thumb-gallery }}
56
+ </div>
57
+
58
+ <div class="pdp__aside">
59
+ {{> price-block-v2 isProductSaved=false isUserLogedOut=false
60
+ was_price=ripple-pdp.was_price
61
+ was_price-vat=ripple-pdp.was_price-vat
62
+ price=ripple-pdp.price price-vat=ripple-pdp.price-vat }}
63
+ </div>
64
+
65
+ <div class="pdp__full-description">
66
+ {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
67
+ </div>
68
+
69
+
70
+ <div class="pdp__suite-includes">
71
+ {{> suite-includes products=ripple-pdp.suite-products-promo was_price=ripple-pdp.was_price
72
+ was_price-vat=ripple-pdp.was_price-vat
73
+ price=ripple-pdp.price price-vat=ripple-pdp.price-vat}}
74
+ </div>
75
+ {{> fulfilment-accordions}}
76
+ </div>
77
+ </div>
78
+ <div class="container container-info">
79
+ <div class="pdp pdp--ripple">
80
+ <div class="pdp__info">
81
+ {{> pdp-info-v2 floor=true }}
82
+ </div>
83
+ </div>
84
+ </div>
85
+ <div class="pdp--ripple">
86
+ {{> seo-widgets title="Related category" }}
87
+ </div>
88
+ </main>
89
+ {{/content}}
90
+ {{#content "foot" mode="append"}}
91
+ <script type="text/html" id="mini-basket-popup">
92
+ {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
93
+ </script>
94
+ <script defer src="./js/page/pdp.js"></script>
95
+ {{> click-and-collect-modal}}
96
+ {{> thank-you-modal}}
97
+ {{/content}}
98
+ {{/extend}}
99
+ <!--<script defer src="./js/page/ti.js"></script>-->
100
+ <script type="module" defer src="./js/page/installation/fi.js"></script>
101
+ <script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
102
+ <script defer src="./js/package-bulk-add.min.js"></script>
103
+ <script>
104
+ if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
105
+ $(document).ready(function () {
106
+ $('.modal').on('scroll', function () {
107
+ $(':focus').blur();
108
+ });
109
+ });
110
+ }
111
+
112
+ $(document).ready(function () {
113
+
114
+ $('#info-details').toggleClass('accordion_collapsed');
115
+ $('#details-content').css('display', 'block');
116
+
117
+ $('#open-review').on('click', function () {
118
+ $('#info-review').toggleClass('accordion_collapsed');
119
+ $('#review-content').css('display', 'block');
120
+ });
121
+
122
+ $('.ti__next ti__next3 .btn').on('click', function () {
123
+ alert('Click');
124
+ });
125
+ })
126
+ </script>
@@ -1,24 +1,26 @@
1
1
  {{#extend "base" pageClass="page-product-details" title="Product details page suite includes "
2
2
  isDiscount=true
3
- isSQM=true
4
- isDescription=true
3
+ isExcludingDelivery=true
5
4
  isCashback=false
6
- isSize=true
5
+ isQuantity=true
6
+ isSize=false
7
+ klarna-placement=true
8
+ clearpay-placement=true
7
9
  hourly-delivery=true
8
- badge-text='15% off'
9
- badge-color='yellow'
10
- badge-text-color='gray'
10
+ isStaticBadges=true
11
+ badges=pdp-price-badges.rippleBadges.greenRed
11
12
  step3=true
12
13
  currentlyInStock=true
13
14
  pagePdp=true
14
- switch-vat=true
15
+ package=true
16
+ postcodeChecker=false
15
17
  }}
16
18
  {{#content "head" mode="append" pagePdp=true}}
17
19
  {{/content}}
18
20
  {{#content "body"}}
19
21
  <main class="pdp__main">
20
22
  <div class="container">
21
- <div class="pdp">
23
+ <div class="pdp pdp--ripple">
22
24
  <div class="pdp__title">
23
25
  <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
24
26
  title in two raws
@@ -36,10 +38,10 @@
36
38
  <div class="rating-overlay"
37
39
  data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
38
40
  <i class="fa fa-star" aria-hidden="true"></i>
39
- <i class="fa fa-star" aria-hidden="true"></i>
40
- <i class="fa fa-star" aria-hidden="true"></i>
41
- <i class="fa fa-star" aria-hidden="true"></i>
42
- <i class="fa fa-star" aria-hidden="true"></i>
41
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
42
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
43
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
44
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
43
45
  </div>
44
46
  </div>
45
47
  </div>
@@ -49,27 +51,35 @@
49
51
  </div>
50
52
  </div>
51
53
 
52
- <div class="pdp__gallery">
53
- {{> gallery-pdp-v2 }}
54
+ <div class="pdp__full-gallery">
55
+ {{> thumb-gallery }}
54
56
  </div>
57
+
55
58
  <div class="pdp__aside">
56
- {{> price-block-v2 isProductSaved=false isUserLogedOut=false }}
57
- {{> fulfilment-accordions }}
59
+ {{> price-block-v2 isProductSaved=false isUserLogedOut=false
60
+ price=ripple-pdp.price was_price=ripple-pdp.was_price}}
58
61
  </div>
62
+
63
+ <div class="pdp__full-description">
64
+ {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
65
+ </div>
66
+
59
67
  <div class="pdp__suite-includes">
60
- {{> suite-includes products=ripple-pdp.suite-products was_price=ripple-pdp.was_price price=ripple-pdp.price }}
68
+ {{> suite-includes products=ripple-pdp.suite-products-promo was_price=ripple-pdp.was_price price=ripple-pdp.price }}
61
69
  </div>
62
- {{> fulfilment-accordions }}
70
+ {{> fulfilment-accordions}}
63
71
  </div>
64
72
  </div>
65
73
  <div class="container container-info">
66
- <div class="pdp">
74
+ <div class="pdp pdp--ripple">
67
75
  <div class="pdp__info">
68
76
  {{> pdp-info-v2 floor=true }}
69
77
  </div>
70
78
  </div>
71
79
  </div>
72
- {{> recently-viewed }}
80
+ <div class="pdp--ripple">
81
+ {{> seo-widgets title="Related category" }}
82
+ </div>
73
83
  </main>
74
84
  {{/content}}
75
85
  {{#content "foot" mode="append"}}
@@ -83,6 +93,8 @@
83
93
  {{/extend}}
84
94
  <!--<script defer src="./js/page/ti.js"></script>-->
85
95
  <script type="module" defer src="./js/page/installation/fi.js"></script>
96
+ <script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
97
+ <script defer src="./js/postcode-checker.min.js"></script>
86
98
  <script>
87
99
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
88
100
  $(document).ready(function () {
@@ -5,9 +5,7 @@
5
5
  isCashback=false
6
6
  isSize=true
7
7
  hourly-delivery=true
8
- badge-text='15% off'
9
- badge-color='yellow'
10
- badge-text-color='gray'
8
+ badges=pdp-price-badges.yellowGrayText
11
9
  step3=true
12
10
  currentlyInStock=true
13
11
  pagePdp=true
@@ -65,7 +63,6 @@
65
63
  klarna-placement=true
66
64
  klarna-method-ids="BathroomsFinance"
67
65
  }}
68
- {{> fulfilment-accordions }}
69
66
  </div>
70
67
  <div class="pdp__description">
71
68
  {{> product-main-info-v2 isAdvice=true}}
@@ -5,9 +5,7 @@
5
5
  isCashback=false
6
6
  isSize=true
7
7
  hourly-delivery=true
8
- badge-text='15% off'
9
- badge-color='yellow'
10
- badge-text-color='gray'
8
+ badges=pdp-price-badges.yellowGrayText
11
9
  step3=true
12
10
  currentlyInStock=true
13
11
  pagePdp=true
@@ -63,7 +61,6 @@
63
61
  delivery=true
64
62
  nearest-purchase=true
65
63
  }}
66
- {{> fulfilment-accordions }}
67
64
  </div>
68
65
  <div class="pdp__description">
69
66
  {{> product-main-info-v2 isAdvice=true isUserLogedOut=true}}
@@ -5,9 +5,7 @@
5
5
  isCashback=false
6
6
  isSize=true
7
7
  hourly-delivery=true
8
- badge-text='15% off'
9
- badge-color='yellow'
10
- badge-text-color='gray'
8
+ badges=pdp-price-badges.yellowGrayText
11
9
  step3=true
12
10
  currentlyInStock=true
13
11
  pagePdp=true
@@ -63,7 +61,6 @@
63
61
  delivery=true
64
62
  nearest-purchase=true
65
63
  }}
66
- {{> fulfilment-accordions }}
67
64
  </div>
68
65
  <div class="pdp__description">
69
66
  {{> product-main-info-v2 isAdvice=true isAddNewProjectBlocked=true}}
@@ -5,9 +5,7 @@
5
5
  isCashback=false
6
6
  isSize=true
7
7
  hourly-delivery=true
8
- badge-text='15% off'
9
- badge-color='yellow'
10
- badge-text-color='gray'
8
+ badges=pdp-price-badges.yellowGrayText
11
9
  step3=true
12
10
  currentlyInStock=true
13
11
  pagePdp=true
@@ -64,7 +62,6 @@
64
62
  nearest-purchase=true
65
63
  klarna-placement=true
66
64
  }}
67
- {{> fulfilment-accordions }}
68
65
  </div>
69
66
  <div class="pdp__description">
70
67
  {{> product-main-info-v2 isAdvice=true}}
@@ -5,9 +5,7 @@
5
5
  isCashback=false
6
6
  isSize=true
7
7
  hourly-delivery=true
8
- badge-text='15% off'
9
- badge-color='yellow'
10
- badge-text-color='gray'
8
+ badges=pdp-price-badges.yellowGrayText
11
9
  step3=true
12
10
  currentlyInStock=true
13
11
  pagePdp=true
@@ -63,7 +61,6 @@
63
61
  delivery=true
64
62
  nearest-purchase=true
65
63
  }}
66
- {{> fulfilment-accordions }}
67
64
  </div>
68
65
  <div class="pdp__description">
69
66
  {{> product-main-info-v2 isAdvice=true manualShareTooltip=true}}
@@ -6,9 +6,7 @@
6
6
  isSize=true
7
7
  isGuide=true
8
8
  hourly-delivery=true
9
- badge-text='15% off'
10
- badge-color='yellow'
11
- badge-text-color='gray'
9
+ badges=pdp-price-badges.yellowGrayText
12
10
  currentlyInStock=true
13
11
  pagePdp=true
14
12
  }}
@@ -59,7 +57,6 @@
59
57
  cc=true
60
58
  delivery=true
61
59
  }}
62
- {{> fulfilment-accordions }}
63
60
  </div>
64
61
  <div class="pdp__description">
65
62
  {{> product-main-info-v2 }}
@@ -5,9 +5,7 @@
5
5
  isCashback=false
6
6
  isSize=true
7
7
  hourly-delivery=true
8
- badge-text='15% off'
9
- badge-color='yellow'
10
- badge-text-color='gray'
8
+ badges=pdp-price-badges.yellowGrayText
11
9
  step3=true
12
10
  currentlyInStock=true
13
11
  pagePdp=true
@@ -68,7 +66,6 @@
68
66
  delivery=true
69
67
  nearest-purchase=true
70
68
  }}
71
- {{> fulfilment-accordions }}
72
69
  </div>
73
70
  <div class="pdp__description">
74
71
  {{> product-main-info-v2 isAdvice=true}}
@@ -6,9 +6,7 @@ isCashback=false
6
6
  isSize=true
7
7
  isGuide=true
8
8
  hourly-delivery=true
9
- badge-text='15% off'
10
- badge-color='yellow'
11
- badge-text-color='gray'
9
+ badges=pdp-price-badges.yellowGrayText
12
10
  currentlyInStock=true
13
11
  pagePdp=true
14
12
  }}
@@ -66,7 +64,6 @@ pagePdp=true
66
64
  nearest-purchase=true
67
65
  more-stores-present=true
68
66
  }}
69
- {{> fulfilment-accordions }}
70
67
  </div>
71
68
  <div class="pdp__description">
72
69
  {{> product-main-info-v2 }}
@@ -6,9 +6,7 @@ isCashback=false
6
6
  isSize=true
7
7
  isGuide=true
8
8
  hourly-delivery=true
9
- badge-text='15% off'
10
- badge-color='yellow'
11
- badge-text-color='gray'
9
+ badges=pdp-price-badges.yellowGrayText
12
10
  currentlyInStock=true
13
11
  pagePdp=true
14
12
  }}
@@ -66,7 +64,6 @@ pagePdp=true
66
64
  nearest-purchase=true
67
65
  more-stores-present=true
68
66
  }}
69
- {{> fulfilment-accordions }}
70
67
  </div>
71
68
  <div class="pdp__description">
72
69
  {{> product-main-info-v2 }}
@@ -6,9 +6,7 @@
6
6
  isSize=true
7
7
  isGuide=true
8
8
  hourly-delivery=true
9
- badge-text='15% off'
10
- badge-color='yellow'
11
- badge-text-color='gray'
9
+ badges=pdp-price-badges.yellowGrayText
12
10
  currentlyInStock=true
13
11
  pagePdp=true
14
12
  }}
@@ -65,7 +63,6 @@
65
63
  nearest-purchase=true
66
64
  more-stores-present=true
67
65
  }}
68
- {{> fulfilment-accordions }}
69
66
  </div>
70
67
  <div class="pdp__description">
71
68
  {{> product-main-info-v2 }}
@@ -6,9 +6,7 @@
6
6
  isSize=true
7
7
  isGuide=true
8
8
  hourly-delivery=true
9
- badge-text='15% off'
10
- badge-color='yellow'
11
- badge-text-color='gray'
9
+ badges=pdp-price-badges.yellowGrayText
12
10
  currentlyInStock=true
13
11
  pagePdp=true
14
12
  }}
@@ -65,7 +63,6 @@
65
63
  nearest-purchase=true
66
64
  more-stores-present=true
67
65
  }}
68
- {{> fulfilment-accordions }}
69
66
  </div>
70
67
  <div class="pdp__description">
71
68
  {{> product-main-info-v2 }}
@@ -6,9 +6,7 @@
6
6
  isSize=true
7
7
  isGuide=true
8
8
  hourly-delivery=true
9
- badge-text='15% off'
10
- badge-color='yellow'
11
- badge-text-color='gray'
9
+ badges=pdp-price-badges.yellowGrayText
12
10
  currentlyInStock=true
13
11
  pagePdp=true
14
12
  }}
@@ -65,7 +63,6 @@
65
63
  nearest-purchase=true
66
64
  more-stores-present=true
67
65
  }}
68
- {{> fulfilment-accordions }}
69
66
  </div>
70
67
  <div class="pdp__description">
71
68
  {{> product-main-info-v2 }}
@@ -6,9 +6,7 @@
6
6
  isSize=true
7
7
  isGuide=true
8
8
  hourly-delivery=true
9
- badge-text='15% off'
10
- badge-color='yellow'
11
- badge-text-color='gray'
9
+ badges=pdp-price-badges.yellowGrayText
12
10
  currentlyInStock=true
13
11
  pagePdp=true
14
12
  }}
@@ -65,7 +63,6 @@
65
63
  nearest-purchase=true
66
64
  more-stores-present=true
67
65
  }}
68
- {{> fulfilment-accordions }}
69
66
  </div>
70
67
  <div class="pdp__description">
71
68
  {{> product-main-info-v2 }}
@@ -5,9 +5,7 @@
5
5
  isCashback=false
6
6
  isSize=true
7
7
  hourly-delivery=true
8
- badge-text='15% off'
9
- badge-color='yellow'
10
- badge-text-color='gray'
8
+ badges=pdp-price-badges.yellowGrayText
11
9
  step3=true
12
10
  currentlyInStock=true
13
11
  pagePdp=true
@@ -312,7 +310,6 @@
312
310
  delivery=true
313
311
  nearest-purchase=true
314
312
  }}
315
- {{> fulfilment-accordions }}
316
313
  </div>
317
314
  <div class="pdp__description">
318
315
  {{> product-main-info-v2 isAdvice=true}}