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

package/build/js/page/kitchen/card-carousel.js

@@ -21,9 +21,10 @@ $(document).ready(function () {
     const swiper = new Swiper(sliderElement, {
       speed: 400,
       navigation: {
-        nextEl: nextButtonElement,
-        prevEl: prevButtonElement,
+          nextEl: nextButtonElement,
+          prevEl: prevButtonElement,
       },
+      simulateTouch: false,
     });
 
     Wick.PLPCardSwiper[id] = swiper;

package/build/js/page/kitchen/colour-swatches.js

@@ -82,9 +82,9 @@ import infoIcon from '../../../components/info-icon.hbs';
         };
     }
 
-    function updateSwiperView($cardSwiper, images, sticker) {
+    function updateSwiperView($cardSwiper, images, sticker, pdpUrl) {
         $cardSwiper.removeAllSlides();
-        const newSlidesHtml = slide({ images, sticker });
+        const newSlidesHtml = slide({ images, sticker, pdpUrl });
         $cardSwiper.appendSlide(newSlidesHtml);
         $cardSwiper.slideTo(0, 0);
     }
@@ -139,7 +139,12 @@ import infoIcon from '../../../components/info-icon.hbs';
         updatePriceView($cardContainer, colourData.priceData);
         updateStickersView($cardContainer, colourData.stickers);
         updateSwatchesTextView($cardContainer, colourData.colourSwatch.colourName);
-        updateSwiperView($cardSwiper, colourData.images, currentKitchenData.rangeStickers[0]);
+        updateSwiperView(
+            $cardSwiper,
+            colourData.images,
+            currentKitchenData.rangeStickers[0],
+            colourData.pdpUrl
+        );
         updateParametersView($cardContainer, colourData.design, colourData.finishes);
         updateCTALink($cardContainer, colourData.pdpUrl);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.106.0-develop.10",
+  "version": "2.106.0-develop.12",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {
@@ -126,6 +126,10 @@
       "alt-master",
       {
         "name": "develop",
+        "prerelease": true
+      },
+      {
+        "name": "custom-tag/*",
         "prerelease": "${name.replace(/^custom-tag\\//g, '')}"
       }
     ],
@@ -136,27 +140,9 @@
         "@semantic-release/gitlab",
         {
           "gitlabUrl": "https://gitlab.com",
-          "assets": [
-            {
-              "path": "build/css/*",
-              "label": "CSS distribution"
-            },
-            {
-              "path": "build/img/*",
-              "label": "IMG distribution"
-            },
-            {
-              "path": "build/js/*",
-              "label": "JS distribution"
-            },
-            {
-              "path": "src/*",
-              "label": "Template distribution"
-            }
-          ]
+          "successComment": false
         }
-      ],
-      "@semantic-release/npm"
+      ]
     ]
   }
-}
+}

package/src/components/kitchen/slide.hbs

@@ -1,8 +1,10 @@
 {{#each images}}
-  <div class="kitchen-card__slide-wrapper swiper-slide">
-    {{#with ../sticker}}
-      <img class="kitchen-card__sticker" src="{{optimizeImageUrl url}}" alt="{{altText}}">
-    {{/with}}
-    <img class="swiper-slide-main kitchen-card__slide" src="{{optimizeImageUrl url 700}}" alt="{{altText}}">
-  </div>
+    <div class="kitchen-card__slide-wrapper swiper-slide">
+      <a href="{{../pdpUrl}}">
+        {{#with ../sticker}}
+          <img class="kitchen-card__sticker" src="{{optimizeImageUrl url}}" alt="{{altText}}">
+        {{/with}}
+        <img class="swiper-slide-main kitchen-card__slide" src="{{optimizeImageUrl url 700}}" alt="{{altText}}">
+      </a>
+    </div>
 {{/each}}

package/src/js/page/kitchen/card-carousel.js

@@ -21,9 +21,10 @@ $(document).ready(function () {
     const swiper = new Swiper(sliderElement, {
       speed: 400,
       navigation: {
-        nextEl: nextButtonElement,
-        prevEl: prevButtonElement,
+          nextEl: nextButtonElement,
+          prevEl: prevButtonElement,
       },
+      simulateTouch: false,
     });
 
     Wick.PLPCardSwiper[id] = swiper;

package/src/js/page/kitchen/colour-swatches.js

@@ -82,9 +82,9 @@ import infoIcon from '../../../components/info-icon.hbs';
         };
     }
 
-    function updateSwiperView($cardSwiper, images, sticker) {
+    function updateSwiperView($cardSwiper, images, sticker, pdpUrl) {
         $cardSwiper.removeAllSlides();
-        const newSlidesHtml = slide({ images, sticker });
+        const newSlidesHtml = slide({ images, sticker, pdpUrl });
         $cardSwiper.appendSlide(newSlidesHtml);
         $cardSwiper.slideTo(0, 0);
     }
@@ -139,7 +139,12 @@ import infoIcon from '../../../components/info-icon.hbs';
         updatePriceView($cardContainer, colourData.priceData);
         updateStickersView($cardContainer, colourData.stickers);
         updateSwatchesTextView($cardContainer, colourData.colourSwatch.colourName);
-        updateSwiperView($cardSwiper, colourData.images, currentKitchenData.rangeStickers[0]);
+        updateSwiperView(
+            $cardSwiper,
+            colourData.images,
+            currentKitchenData.rangeStickers[0],
+            colourData.pdpUrl
+        );
         updateParametersView($cardContainer, colourData.design, colourData.finishes);
         updateCTALink($cardContainer, colourData.pdpUrl);
 

package/src/scss/components/_search-filter.scss

@@ -45,6 +45,9 @@
   .accordions {
     overflow: auto;
     max-height: calc(100vh - 137px);
+    // prevents Top Facets from being bold
+    will-change: transform;
+    transform: translate3d(0, 0, 0);
   }
 
   &_mobile {