wickes-css2 2.113.0-develop.11 → 2.113.0-develop.13

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 (62) hide show
  1. package/Readme.md +0 -1
  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/components/checkout-payment-repayment-terms.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/main.css +1 -1
  8. package/build/css/my-account-main-v2.css +1 -1
  9. package/build/css/my-account-main.css +1 -1
  10. package/build/css/pages/checkout-new.css +1 -1
  11. package/build/css/pages/checkout.css +1 -1
  12. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  13. package/build/css/pages/page_products-list-combined.css +1 -1
  14. package/build/css/pages/page_products-list_v2.css +1 -1
  15. package/build/css/pdp-main-before-combine.css +1 -1
  16. package/build/css/pdp-main-critical.css +1 -1
  17. package/build/css/pdp-main-non-critical.css +1 -1
  18. package/build/css/pdp-main.css +1 -1
  19. package/build/css/plp-main.css +1 -1
  20. package/build/js/page/ripple/thumb-gallery.js +102 -34
  21. package/package.json +1 -1
  22. package/src/components/suite-product-card.hbs +2 -2
  23. package/src/js/page/ripple/thumb-gallery.js +102 -34
  24. package/src/page_bathroom-plp-vat.html +1 -1
  25. package/src/page_bathroom-plp-without-load-more.html +1 -1
  26. package/src/page_bathroom-plp.html +1 -1
  27. package/src/page_checkout_delivery-details-v2-calendar-not-loaded.html +167 -0
  28. package/src/page_checkout_payment-details-v2-asm.html +2 -3
  29. package/src/page_checkout_payment-details-v2.html +2 -3
  30. package/src/page_checkout_payment-details_with-card-loader.html +2 -3
  31. package/src/page_checkout_payment-details_with-klarna-loader.html +2 -3
  32. package/src/page_checkout_payment-details_with-loader-v2.html +2 -3
  33. package/src/page_klarna_payment-details_with-klarna.html +2 -3
  34. package/src/page_payment-details-billie-registered-only.html +2 -3
  35. package/src/page_payment-details-billie-unregistered-only.html +2 -3
  36. package/src/page_payment-details-with-billie.html +2 -3
  37. package/src/page_payment-details-with-clearpay.html +2 -3
  38. package/src/page_payment-details-with-gift-card.html +2 -3
  39. package/src/page_payment-details_with_apple-pay.html +0 -1
  40. package/src/page_payment-details_with_google-pay.html +2 -3
  41. package/src/page_product-details-ripple-gallery-1-image.html +120 -0
  42. package/src/page_product-details-ripple-gallery-missing-image.html +121 -0
  43. package/src/page_product-details-ripple-gallery.html +1 -1
  44. package/src/page_product-details-suite-includes-banners.html +1 -1
  45. package/src/page_product-details-suite-includes-billie.html +1 -1
  46. package/src/page_product-details-suite-includes-klarna.html +1 -1
  47. package/src/page_product-details-suite-includes-vat.html +1 -1
  48. package/src/page_product-details-suite-includes.html +1 -1
  49. package/src/scss/common/_loading-button.scss +3 -1
  50. package/src/scss/components/_date-selection-add-new-styles.scss +24 -3
  51. package/src/scss/components/_gift-cards.scss +1 -1
  52. package/src/scss/components/_thumb-gallery-critical.scss +5 -4
  53. package/src/scss/components/_thumb-gallery.scss +9 -1
  54. package/src/scss/components/checkout-payment-details-v2.scss +44 -20
  55. package/src/scss/components/checkout-payment-repayment-terms.scss +0 -1
  56. package/src/scss/components/price-block-v2-critical.scss +4 -0
  57. package/src/scss/components/price-block-v2.scss +4 -0
  58. package/src/scss/pages/_checkout_delivery-details.scss +16 -104
  59. package/src/scss/pages/page_checkout_delivery-new.scss +252 -164
  60. package/src/scss/pages/page_products-list-combined.scss +8 -6
  61. package/src/scss/pages/page_products-list_v2.scss +8 -6
  62. package/src/sitemap.html +4 -0
package/src/page_checkout_payment-details-v2.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details" isAsideSticky="true" clearPayIcon=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="2"}}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2="true" hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
15
15
  {{/content}}
16
16
 
17
17
 
@@ -39,7 +39,6 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
43
42
  <div class="billing-payment-block__wrapper">
44
43
  {{> checkout-payment-details-v2 }}
45
44
  </div>
package/src/page_checkout_payment-details_with-card-loader.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="3" }}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
15
15
  {{/content}}
16
16
 
17
17
 
@@ -39,7 +39,6 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
43
42
  <div class="billing-payment-block__wrapper">
44
43
  {{> checkout-payment-details-v2 }}
45
44
  </div>
package/src/page_checkout_payment-details_with-klarna-loader.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details Klarna Loader" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details Klarna Loader" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="3" }}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
15
15
  {{/content}}
16
16
 
17
17
 
@@ -39,7 +39,6 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
43
42
  <div class="billing-payment-block__wrapper">
44
43
  {{> checkout-payment-details-v2 }}
45
44
  </div>
package/src/page_checkout_payment-details_with-loader-v2.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="3" }}
4
4
  {{/content}}
@@ -11,7 +11,7 @@
11
11
  {{/content}}
12
12
 
13
13
  {{#content "aside"}}
14
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
14
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
15
15
  {{/content}}
16
16
 
17
17
 
@@ -39,7 +39,6 @@
39
39
  </div>
40
40
 
41
41
  <div class="billing-payment-block">
42
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
43
42
  <div class="billing-payment-block__wrapper">
44
43
  {{> checkout-payment-details-v2 }}
45
44
  </div>
package/src/page_klarna_payment-details_with-klarna.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Klarna" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Klarna" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="2"}}
4
4
  {{/content}}
@@ -13,7 +13,7 @@
13
13
  {{/content}}
14
14
 
15
15
  {{#content "aside"}}
16
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
16
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
17
17
  {{/content}}
18
18
 
19
19
 
@@ -42,7 +42,6 @@
42
42
  </div>
43
43
 
44
44
  <div class="billing-payment-block">
45
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
46
45
  <div class="billing-payment-block__wrapper">
47
46
  {{> checkout-payment-details-v2 klarna-method=true}}
48
47
  </div>
package/src/page_payment-details-billie-registered-only.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" clearPayIcon=true billieIcon=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true hideDeliveryCostMessage=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
20
20
  {{/content}}
21
21
 
22
22
 
@@ -44,7 +44,6 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
48
47
  <div class="billing-payment-block__wrapper">
49
48
  {{> checkout-payment-details-v2
50
49
  apple-pay=true
package/src/page_payment-details-billie-unregistered-only.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" clearPayIcon=true billieIcon=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true hideDeliveryCostMessage=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
20
20
  {{/content}}
21
21
 
22
22
 
@@ -44,7 +44,6 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
48
47
  <div class="billing-payment-block__wrapper">
49
48
  {{> checkout-payment-details-v2
50
49
  apple-pay=true
package/src/page_payment-details-with-billie.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" clearPayIcon=true billieIcon=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true hideDeliveryCostMessage=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
20
20
  {{/content}}
21
21
 
22
22
 
@@ -44,7 +44,6 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
48
47
  <div class="billing-payment-block__wrapper">
49
48
  {{> checkout-payment-details-v2 apple-pay=true google-pay=true clear-pay=true billie=true edit-bill-mod=true billie-form=true open-delivery-block=true}}
50
49
  </div>
package/src/page_payment-details-with-clearpay.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Clear Pay" isAsideSticky="true" clearPayIcon=true checkout=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Clear Pay" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -16,7 +16,7 @@
16
16
  {{/content}}
17
17
 
18
18
  {{#content "aside"}}
19
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon paymentsCheckoutV2=true checkout=true hideDeliveryCostMessage=true}}
19
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
20
20
  {{/content}}
21
21
 
22
22
 
@@ -44,7 +44,6 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
48
47
  <div class="billing-payment-block__wrapper">
49
48
  {{> checkout-payment-details-v2 klarna-method=true apple-pay=true google-pay=true clear-pay=true}}
50
49
  </div>
package/src/page_payment-details-with-gift-card.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Gift Cards" isAsideSticky="true" clearPayIcon=true billieIcon=true checkout=true}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Gift Cards" isAsideSticky="true" checkout=true}}
2
2
 
3
3
  {{#content "head" mode="append"}}
4
4
  <link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
@@ -18,7 +18,7 @@
18
18
  {{/content}}
19
19
 
20
20
  {{#content "aside"}}
21
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true clearPayIcon=clearPayIcon billieIcon=true paymentsCheckoutV2=true checkout=true hideDeliveryCostMessage=true}}
21
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
22
22
  {{/content}}
23
23
 
24
24
 
@@ -46,7 +46,6 @@
46
46
  </div>
47
47
 
48
48
  <div class="billing-payment-block">
49
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
50
49
  <div class="billing-payment-block__wrapper">
51
50
  {{> checkout-payment-details-v2 apple-pay=true google-pay=true clear-pay=true klarna-method=true}}
52
51
  </div>
package/src/page_payment-details_with_apple-pay.html CHANGED
@@ -44,7 +44,6 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
48
47
  <div class="billing-payment-block__wrapper">
49
48
  {{> checkout-payment-details-v2 klarna-method=true apple-pay=true}}
50
49
  </div>
package/src/page_payment-details_with_google-pay.html CHANGED
@@ -1,4 +1,4 @@
1
- {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Google Pay" isAsideSticky="true"}}
1
+ {{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Google Pay" isAsideSticky="true" checkout=true}}
2
2
  {{#content "steps"}}
3
3
  {{> steps-three-steps active-step-index="2"}}
4
4
  {{/content}}
@@ -13,7 +13,7 @@
13
13
  {{/content}}
14
14
 
15
15
  {{#content "aside"}}
16
- {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
16
+ {{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
17
17
  {{/content}}
18
18
 
19
19
 
@@ -44,7 +44,6 @@
44
44
  </div>
45
45
 
46
46
  <div class="billing-payment-block">
47
- <h3 class="billing-payment-block__heading">Billing & Payment</h3>
48
47
  <div class="billing-payment-block__wrapper">
49
48
  {{> checkout-payment-details-v2 klarna-method=true apple-pay=true google-pay=true}}
50
49
  </div>
package/src/page_product-details-ripple-gallery-1-image.html ADDED
@@ -0,0 +1,120 @@
1
+ {{#extend "base" pageClass="page-product-details" title="PDP - Gallery with 1 image"
2
+ isDiscount=false
3
+ isExcludingDelivery=true
4
+ isCashback=false
5
+ isQuantity=true
6
+ isSize=false
7
+ klarna-placement=true
8
+ clearpay-placement=true
9
+ hourly-delivery=true
10
+ step3=true
11
+ currentlyInStock=true
12
+ pagePdp=true
13
+ package=true
14
+ postcodeChecker=true
15
+ }}
16
+ {{#content "head" mode="append" pagePdp=true}}
17
+ {{/content}}
18
+ {{#content "body"}}
19
+ <main class="pdp__main">
20
+ <div class="container">
21
+ <div class="pdp pdp--ripple">
22
+ <div class="pdp__title">
23
+ <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
24
+ title in two raws
25
+ </h1>
26
+ <div class="pdp__reviews_small">
27
+ <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
28
+ <div class="product-card__reviews review-star">
29
+ <div class="product-rating product-rating-v2">
30
+ <div class="rating-bg">
31
+ <i class="fa fa-star" aria-hidden="true"></i>
32
+ <i class="fa fa-star" aria-hidden="true"></i>
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
+ <div class="rating-overlay"
37
+ data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
38
+ <i class="fa fa-star" aria-hidden="true"></i>
39
+ <i class="fa fa-star ml-1" aria-hidden="true"></i>
40
+ <i class="fa fa-star ml-1" 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
+ </div>
44
+ </div>
45
+ </div>
46
+ <span class="review-star-average review-star-average-v2">(4.6)</span>
47
+ </div>
48
+ <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
49
+ </div>
50
+ </div>
51
+
52
+ <div class="pdp__full-gallery">
53
+ {{> thumb-gallery }}
54
+ </div>
55
+
56
+ <div class="pdp__aside">
57
+ {{> price-block-v2 isProductSaved=false isUserLogedOut=false price=ripple-pdp.price}}
58
+ </div>
59
+
60
+ <div class="pdp__full-description">
61
+ {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
62
+ </div>
63
+
64
+
65
+ <div class="pdp__suite-includes">
66
+ {{> suite-includes products=ripple-pdp.suite-products price=ripple-pdp.price price-vat=ripple-pdp.price-vat }}
67
+ </div>
68
+
69
+ {{> fulfilment-accordions}}
70
+ </div>
71
+ </div>
72
+ <div class="container container-info">
73
+ <div class="pdp pdp--ripple">
74
+ <div class="pdp__info">
75
+ {{> pdp-info-v2 floor=true }}
76
+ </div>
77
+ </div>
78
+ </div>
79
+ <div class="pdp--ripple">
80
+ {{> seo-widgets title="Related category" }}
81
+ </div>
82
+ </main>
83
+ {{/content}}
84
+ {{#content "foot" mode="append"}}
85
+ <script type="text/html" id="mini-basket-popup">
86
+ {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
87
+ </script>
88
+ <script defer src="./js/page/pdp.js"></script>
89
+ {{> click-and-collect-modal}}
90
+ {{> thank-you-modal}}
91
+ {{/content}}
92
+ {{/extend}}
93
+ <!--<script defer src="./js/page/ti.js"></script>-->
94
+ <script type="module" defer src="./js/page/installation/fi.js"></script>
95
+ <script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00]', { mediaDomain: 'media.wickes.co.uk' })"></script>
96
+ <script defer src="./js/postcode-checker.min.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>
package/src/page_product-details-ripple-gallery-missing-image.html ADDED
@@ -0,0 +1,121 @@
1
+ {{#extend "base" pageClass="page-product-details" title="PDP - Gallery with missing image"
2
+ isDiscount=false
3
+ isExcludingDelivery=true
4
+ isCashback=false
5
+ isQuantity=true
6
+ isSize=false
7
+ klarna-placement=true
8
+ clearpay-placement=true
9
+ hourly-delivery=true
10
+ step3=true
11
+ currentlyInStock=true
12
+ pagePdp=true
13
+ package=true
14
+ postcodeChecker=true
15
+ }}
16
+ {{#content "head" mode="append" pagePdp=true}}
17
+ {{/content}}
18
+ {{#content "body"}}
19
+ <main class="pdp__main">
20
+ <div class="container">
21
+ <div class="pdp pdp--ripple">
22
+ <div class="pdp__title">
23
+ <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
24
+ title in two raws
25
+ </h1>
26
+
27
+ <div class="pdp__reviews_small">
28
+ <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
29
+ <div class="product-card__reviews review-star">
30
+ <div class="product-rating product-rating-v2">
31
+ <div class="rating-bg">
32
+ <i class="fa fa-star" aria-hidden="true"></i>
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
+ <div class="rating-overlay"
38
+ data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
39
+ <i class="fa fa-star" aria-hidden="true"></i>
40
+ <i class="fa fa-star ml-1" 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
+ </div>
45
+ </div>
46
+ </div>
47
+ <span class="review-star-average review-star-average-v2">(4.6)</span>
48
+ </div>
49
+ <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
50
+ </div>
51
+ </div>
52
+
53
+ <div class="pdp__full-gallery">
54
+ {{> thumb-gallery }}
55
+ </div>
56
+
57
+ <div class="pdp__aside">
58
+ {{> price-block-v2 isProductSaved=false isUserLogedOut=false price=ripple-pdp.price}}
59
+ </div>
60
+
61
+ <div class="pdp__full-description">
62
+ {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
63
+ </div>
64
+
65
+
66
+ <div class="pdp__suite-includes">
67
+ {{> suite-includes products=ripple-pdp.suite-products price=ripple-pdp.price price-vat=ripple-pdp.price-vat }}
68
+ </div>
69
+
70
+ {{> fulfilment-accordions}}
71
+ </div>
72
+ </div>
73
+ <div class="container container-info">
74
+ <div class="pdp pdp--ripple">
75
+ <div class="pdp__info">
76
+ {{> pdp-info-v2 floor=true }}
77
+ </div>
78
+ </div>
79
+ </div>
80
+ <div class="pdp--ripple">
81
+ {{> seo-widgets title="Related category" }}
82
+ </div>
83
+ </main>
84
+ {{/content}}
85
+ {{#content "foot" mode="append"}}
86
+ <script type="text/html" id="mini-basket-popup">
87
+ {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
88
+ </script>
89
+ <script defer src="./js/page/pdp.js"></script>
90
+ {{> click-and-collect-modal}}
91
+ {{> thank-you-modal}}
92
+ {{/content}}
93
+ {{/extend}}
94
+ <!--<script defer src="./js/page/ti.js"></script>-->
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('[]', { mediaDomain: 'media.wickes.co.uk', missingImage: 'https://media.wickes.co.uk/is/image/wickes/2018-Wickes-Missing-Product-650x650' })"></script>
97
+ <script defer src="./js/postcode-checker.min.js"></script>
98
+ <script>
99
+ if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
100
+ $(document).ready(function () {
101
+ $('.modal').on('scroll', function () {
102
+ $(':focus').blur();
103
+ });
104
+ });
105
+ }
106
+
107
+ $(document).ready(function () {
108
+
109
+ $('#info-details').toggleClass('accordion_collapsed');
110
+ $('#details-content').css('display', 'block');
111
+
112
+ $('#open-review').on('click', function () {
113
+ $('#info-review').toggleClass('accordion_collapsed');
114
+ $('#review-content').css('display', 'block');
115
+ });
116
+
117
+ $('.ti__next ti__next3 .btn').on('click', function () {
118
+ alert('Click');
119
+ });
120
+ })
121
+ </script>
package/src/page_product-details-ripple-gallery.html CHANGED
@@ -92,7 +92,7 @@
92
92
  {{/extend}}
93
93
  <!--<script defer src="./js/page/ti.js"></script>-->
94
94
  <script type="module" defer src="./js/page/installation/fi.js"></script>
95
- <script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_03, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_02]')"></script>
95
+ <script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_03, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_02]', { mediaDomain: 'media.wickes.co.uk' })"></script>
96
96
  <script defer src="./js/postcode-checker.min.js"></script>
97
97
  <script>
98
98
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
package/src/page_product-details-suite-includes-banners.html CHANGED
@@ -111,7 +111,7 @@
111
111
  {{/extend}}
112
112
  <!--<script defer src="./js/page/ti.js"></script>-->
113
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>
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]', { mediaDomain: 'media.wickes.co.uk' })"></script>
115
115
  <script>
116
116
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
117
117
  $(document).ready(function () {
package/src/page_product-details-suite-includes-billie.html CHANGED
@@ -100,7 +100,7 @@
100
100
  {{/extend}}
101
101
  <!--<script defer src="./js/page/ti.js"></script>-->
102
102
  <script type="module" defer src="./js/page/installation/fi.js"></script>
103
- <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>
103
+ <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]', { mediaDomain: 'media.wickes.co.uk' })"></script>
104
104
  <script defer src="./js/package-bulk-add.min.js"></script>
105
105
  <script>
106
106
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
package/src/page_product-details-suite-includes-klarna.html CHANGED
@@ -91,7 +91,7 @@
91
91
  {{/extend}}
92
92
  <!--<script defer src="./js/page/ti.js"></script>-->
93
93
  <script type="module" defer src="./js/page/installation/fi.js"></script>
94
- <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>
94
+ <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]', { mediaDomain: 'media.wickes.co.uk' })"></script>
95
95
  <script defer src="./js/postcode-checker.min.js"></script>
96
96
  <script>
97
97
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
package/src/page_product-details-suite-includes-vat.html CHANGED
@@ -98,7 +98,7 @@
98
98
  {{/extend}}
99
99
  <!--<script defer src="./js/page/ti.js"></script>-->
100
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>
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]', { mediaDomain: 'media.wickes.co.uk' })"></script>
102
102
  <script defer src="./js/package-bulk-add.min.js"></script>
103
103
  <script>
104
104
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
package/src/page_product-details-suite-includes.html CHANGED
@@ -93,7 +93,7 @@
93
93
  {{/extend}}
94
94
  <!--<script defer src="./js/page/ti.js"></script>-->
95
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>
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]', { mediaDomain: 'media.wickes.co.uk' })"></script>
97
97
  <script defer src="./js/postcode-checker.min.js"></script>
98
98
  <script>
99
99
  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
package/src/scss/common/_loading-button.scss CHANGED
@@ -14,7 +14,9 @@
14
14
  background-color: $green;
15
15
  border: 1px solid $green;
16
16
 
17
- &:focus {
17
+ &:hover,
18
+ &:focus,
19
+ &:active {
18
20
  background-color: $green;
19
21
  }
20
22