wickes-css2 2.106.0-develop.10 → 2.106.0-develop.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/build/css/main.css +1 -1
  2. package/build/css/pdp-main-before-combine.css +1 -1
  3. package/build/css/pdp-main-non-critical.css +1 -1
  4. package/build/css/pdp-main.css +1 -1
  5. package/build/css/plp-main.css +1 -1
  6. package/build/js/kitchen/kitchen-plp.min.js +1 -1
  7. package/build/js/page/kitchen/card-carousel.js +3 -2
  8. package/build/js/page/kitchen/colour-swatches.js +8 -3
  9. package/package.json +1 -1
  10. package/src/components/kitchen/slide.hbs +8 -6
  11. package/src/js/page/kitchen/card-carousel.js +3 -2
  12. package/src/js/page/kitchen/colour-swatches.js +8 -3
  13. package/src/scss/components/_search-filter.scss +3 -0
package/build/js/page/kitchen/card-carousel.js CHANGED
@@ -21,9 +21,10 @@ $(document).ready(function () {
21
21
  const swiper = new Swiper(sliderElement, {
22
22
  speed: 400,
23
23
  navigation: {
24
- nextEl: nextButtonElement,
25
- prevEl: prevButtonElement,
24
+ nextEl: nextButtonElement,
25
+ prevEl: prevButtonElement,
26
26
  },
27
+ simulateTouch: false,
27
28
  });
28
29
 
29
30
  Wick.PLPCardSwiper[id] = swiper;
package/build/js/page/kitchen/colour-swatches.js CHANGED
@@ -82,9 +82,9 @@ import infoIcon from '../../../components/info-icon.hbs';
82
82
  };
83
83
  }
84
84
 
85
- function updateSwiperView($cardSwiper, images, sticker) {
85
+ function updateSwiperView($cardSwiper, images, sticker, pdpUrl) {
86
86
  $cardSwiper.removeAllSlides();
87
- const newSlidesHtml = slide({ images, sticker });
87
+ const newSlidesHtml = slide({ images, sticker, pdpUrl });
88
88
  $cardSwiper.appendSlide(newSlidesHtml);
89
89
  $cardSwiper.slideTo(0, 0);
90
90
  }
@@ -139,7 +139,12 @@ import infoIcon from '../../../components/info-icon.hbs';
139
139
  updatePriceView($cardContainer, colourData.priceData);
140
140
  updateStickersView($cardContainer, colourData.stickers);
141
141
  updateSwatchesTextView($cardContainer, colourData.colourSwatch.colourName);
142
- updateSwiperView($cardSwiper, colourData.images, currentKitchenData.rangeStickers[0]);
142
+ updateSwiperView(
143
+ $cardSwiper,
144
+ colourData.images,
145
+ currentKitchenData.rangeStickers[0],
146
+ colourData.pdpUrl
147
+ );
143
148
  updateParametersView($cardContainer, colourData.design, colourData.finishes);
144
149
  updateCTALink($cardContainer, colourData.pdpUrl);
145
150
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wickes-css2",
3
- "version": "2.106.0-develop.10",
3
+ "version": "2.106.0-develop.11",
4
4
  "description": "CSS and JS and page templates in use by Wickes",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/components/kitchen/slide.hbs CHANGED
@@ -1,8 +1,10 @@
1
1
  {{#each images}}
2
- <div class="kitchen-card__slide-wrapper swiper-slide">
3
- {{#with ../sticker}}
4
- <img class="kitchen-card__sticker" src="{{optimizeImageUrl url}}" alt="{{altText}}">
5
- {{/with}}
6
- <img class="swiper-slide-main kitchen-card__slide" src="{{optimizeImageUrl url 700}}" alt="{{altText}}">
7
- </div>
2
+ <div class="kitchen-card__slide-wrapper swiper-slide">
3
+ <a href="{{../pdpUrl}}">
4
+ {{#with ../sticker}}
5
+ <img class="kitchen-card__sticker" src="{{optimizeImageUrl url}}" alt="{{altText}}">
6
+ {{/with}}
7
+ <img class="swiper-slide-main kitchen-card__slide" src="{{optimizeImageUrl url 700}}" alt="{{altText}}">
8
+ </a>
9
+ </div>
8
10
  {{/each}}
package/src/js/page/kitchen/card-carousel.js CHANGED
@@ -21,9 +21,10 @@ $(document).ready(function () {
21
21
  const swiper = new Swiper(sliderElement, {
22
22
  speed: 400,
23
23
  navigation: {
24
- nextEl: nextButtonElement,
25
- prevEl: prevButtonElement,
24
+ nextEl: nextButtonElement,
25
+ prevEl: prevButtonElement,
26
26
  },
27
+ simulateTouch: false,
27
28
  });
28
29
 
29
30
  Wick.PLPCardSwiper[id] = swiper;
package/src/js/page/kitchen/colour-swatches.js CHANGED
@@ -82,9 +82,9 @@ import infoIcon from '../../../components/info-icon.hbs';
82
82
  };
83
83
  }
84
84
 
85
- function updateSwiperView($cardSwiper, images, sticker) {
85
+ function updateSwiperView($cardSwiper, images, sticker, pdpUrl) {
86
86
  $cardSwiper.removeAllSlides();
87
- const newSlidesHtml = slide({ images, sticker });
87
+ const newSlidesHtml = slide({ images, sticker, pdpUrl });
88
88
  $cardSwiper.appendSlide(newSlidesHtml);
89
89
  $cardSwiper.slideTo(0, 0);
90
90
  }
@@ -139,7 +139,12 @@ import infoIcon from '../../../components/info-icon.hbs';
139
139
  updatePriceView($cardContainer, colourData.priceData);
140
140
  updateStickersView($cardContainer, colourData.stickers);
141
141
  updateSwatchesTextView($cardContainer, colourData.colourSwatch.colourName);
142
- updateSwiperView($cardSwiper, colourData.images, currentKitchenData.rangeStickers[0]);
142
+ updateSwiperView(
143
+ $cardSwiper,
144
+ colourData.images,
145
+ currentKitchenData.rangeStickers[0],
146
+ colourData.pdpUrl
147
+ );
143
148
  updateParametersView($cardContainer, colourData.design, colourData.finishes);
144
149
  updateCTALink($cardContainer, colourData.pdpUrl);
145
150
 
package/src/scss/components/_search-filter.scss CHANGED
@@ -45,6 +45,9 @@
45
45
  .accordions {
46
46
  overflow: auto;
47
47
  max-height: calc(100vh - 137px);
48
+ // prevents Top Facets from being bold
49
+ will-change: transform;
50
+ transform: translate3d(0, 0, 0);
48
51
  }
49
52
 
50
53
  &_mobile {