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

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 (36) hide show
  1. package/build/css/category-main.css +1 -1
  2. package/build/css/components/price-block-v2-critical.css +1 -1
  3. package/build/css/components/price-block-v2.css +1 -1
  4. package/build/css/main.css +1 -1
  5. package/build/css/my-account-main-v2.css +1 -1
  6. package/build/css/my-account-main.css +1 -1
  7. package/build/css/pages/page_products-list-combined.css +1 -1
  8. package/build/css/pages/page_products-list_v2.css +1 -1
  9. package/build/css/pdp-main-before-combine.css +1 -1
  10. package/build/css/pdp-main-critical.css +1 -1
  11. package/build/css/pdp-main-non-critical.css +1 -1
  12. package/build/css/pdp-main.css +1 -1
  13. package/build/css/plp-main.css +1 -1
  14. package/build/js/page/ripple/thumb-gallery.js +102 -34
  15. package/package.json +1 -1
  16. package/src/components/suite-product-card.hbs +2 -2
  17. package/src/js/page/ripple/thumb-gallery.js +102 -34
  18. package/src/page_bathroom-plp-vat.html +1 -1
  19. package/src/page_bathroom-plp-without-load-more.html +1 -1
  20. package/src/page_bathroom-plp.html +1 -1
  21. package/src/page_product-details-ripple-gallery-1-image.html +120 -0
  22. package/src/page_product-details-ripple-gallery-missing-image.html +121 -0
  23. package/src/page_product-details-ripple-gallery.html +1 -1
  24. package/src/page_product-details-suite-includes-banners.html +1 -1
  25. package/src/page_product-details-suite-includes-billie.html +1 -1
  26. package/src/page_product-details-suite-includes-klarna.html +1 -1
  27. package/src/page_product-details-suite-includes-vat.html +1 -1
  28. package/src/page_product-details-suite-includes.html +1 -1
  29. package/src/scss/common/_loading-button.scss +3 -1
  30. package/src/scss/components/_thumb-gallery-critical.scss +5 -4
  31. package/src/scss/components/_thumb-gallery.scss +9 -1
  32. package/src/scss/components/price-block-v2-critical.scss +4 -0
  33. package/src/scss/components/price-block-v2.scss +4 -0
  34. package/src/scss/pages/page_products-list-combined.scss +8 -6
  35. package/src/scss/pages/page_products-list_v2.scss +8 -6
  36. package/src/sitemap.html +2 -0
@@ -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>
@@ -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) {
@@ -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 () {
@@ -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) {
@@ -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) {
@@ -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) {
@@ -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) {
@@ -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
 
@@ -17,11 +17,12 @@
17
17
  width: 100%;
18
18
  height: 100%;
19
19
  }
20
- }
21
20
 
22
- .thumb-gallery[data-length='1'] {
23
- .swiper-container-thumbs {
24
- display: none;
21
+ &--missing-image {
22
+ .swiper-slide-main,
23
+ .swiper-slide-thumbs {
24
+ object-fit: contain;
25
+ }
25
26
  }
26
27
  }
27
28
 
@@ -40,6 +40,13 @@
40
40
  height: 100%;
41
41
  }
42
42
 
43
+ &--missing-image {
44
+ .swiper-slide-main,
45
+ .swiper-slide-thumbs {
46
+ object-fit: contain;
47
+ }
48
+ }
49
+
43
50
  .swiper-container-thumbs {
44
51
  margin-top: 16px;
45
52
  padding: 0 16px;
@@ -125,7 +132,8 @@
125
132
  .thumb-gallery[data-length='1'] {
126
133
  .thumb-gallery__next-btn,
127
134
  .thumb-gallery__prev-btn,
128
- .swiper-container-thumbs,
135
+ .swiper-container-thumbs__next-btn,
136
+ .swiper-container-thumbs__prev-btn,
129
137
  .swiper-pagination {
130
138
  display: none;
131
139
  }
@@ -112,6 +112,10 @@
112
112
  &__control-holder {
113
113
  padding-top: 0;
114
114
  }
115
+
116
+ & .main-price__vat {
117
+ color: $blue-dark;
118
+ }
115
119
  }
116
120
  }
117
121
 
@@ -149,6 +149,10 @@
149
149
  &__control-holder {
150
150
  padding-top: 0;
151
151
  }
152
+
153
+ & .main-price__vat {
154
+ color: $blue-dark;
155
+ }
152
156
  }
153
157
  }
154
158
 
@@ -259,12 +259,14 @@ $color-bar-radius: 3px;
259
259
  }
260
260
 
261
261
  .products-list-v2 {
262
- @include media-breakpoint-down(sm) {
263
- margin-right: -5px;
264
- margin-left: -5px;
265
- margin-top: 0;
266
- padding-top: 20px;
267
- overflow-x: hidden;
262
+ &:not(.package-plp__content) {
263
+ @include media-breakpoint-down(sm) {
264
+ margin-right: -5px;
265
+ margin-left: -5px;
266
+ margin-top: 0;
267
+ padding-top: 20px;
268
+ overflow-x: hidden;
269
+ }
268
270
  }
269
271
 
270
272
  &__badges {
@@ -1,12 +1,14 @@
1
1
  @import '../helpers/helpers';
2
2
 
3
3
  .products-list-v2 {
4
- @include media-breakpoint-down(sm) {
5
- margin-right: -5px;
6
- margin-left: -5px;
7
- margin-top: 0;
8
- padding-top: 20px;
9
- overflow-x: hidden;
4
+ &:not(.package-plp__content) {
5
+ @include media-breakpoint-down(sm) {
6
+ margin-right: -5px;
7
+ margin-left: -5px;
8
+ margin-top: 0;
9
+ padding-top: 20px;
10
+ overflow-x: hidden;
11
+ }
10
12
  }
11
13
 
12
14
  &__badges {
package/src/sitemap.html CHANGED
@@ -1300,6 +1300,8 @@
1300
1300
  <li><span class="page-id">1</span><a href="page_product-details-suite-includes.html" target="_blank">PDP - with This suite includes</a></li>
1301
1301
  <li><span class="page-id">2</span><a href="page_product-details-suite-includes-vat.html" target="_blank">PDP - with This suite includes VAT</a></li>
1302
1302
  <li><span class="page-id">3</span><a href="page_product-details-ripple-gallery.html" target="_blank">PDP - gallery with 5 images</a></li>
1303
+ <li><span class="page-id">3.1</span><a href="page_product-details-ripple-gallery-1-image.html" target="_blank">PDP - gallery with 1 image</a></li>
1304
+ <li><span class="page-id">3.2</span><a href="page_product-details-ripple-gallery-missing-image.html" target="_blank">PDP - gallery with missing image</a></li>
1303
1305
  <li><span class="page-id">4</span><a href="page_product-details-suite-includes-banners.html" target="_blank">PDP - with Banners</a></li>
1304
1306
  <li><span class="page-id">5</span><a href="page_product-details-suite-includes-klarna.html" target="_blank">PDP - with Klarna</a></li>
1305
1307
  <li><span class="page-id">6</span><a href="page_product-details-suite-includes-billie.html" target="_blank">PDP - with Billie</a></li>