wickes-css2 2.103.0-IC-976-pre-commit-lint.8 → 2.103.0-IC-976-pre-commit-lint.9

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "wickes-css2",
-  "version": "2.103.0-IC-976-pre-commit-lint.8",
+  "version": "2.103.0-IC-976-pre-commit-lint.9",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {
-    "lint:js": "eslint .",
     "lint:fix": "sass-lint-auto-fix",
-    "build": "gulp build",
-    "prepare": "husky install"
+    "build": "gulp build"
   },
   "keywords": [
     "css",
@@ -81,7 +79,6 @@
     "hbsfy": "^2.8.1",
     "helper": "0.0.13",
     "highlight.js": "9.13.0",
-    "husky": "8",
     "jquery": "^3.5.1",
     "jquery.scrollbar": "^0.2.11",
     "js-cookie": "^3.0.1",

package/src/components/card_product_v2.hbs

@@ -19,11 +19,11 @@
                     <div class="product-card__reviews product-card__reviews-v2">
                         <div class="product-rating product-rating-v2">
                             <div class="rating-bg">
-                                <i class="fa fa-star star-in" aria-hidden="true"></i>
-                                <i class="fa fa-star star-in" aria-hidden="true"></i>
-                                <i class="fa fa-star star-in" aria-hidden="true"></i>
-                                <i class="fa fa-star star-in" aria-hidden="true"></i>
-                                <i class="fa fa-star star-in" aria-hidden="true"></i>
+                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
+                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
+                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
+                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
+                                    <i class="fa fa-star star-in" aria-hidden="true"></i>
 
                                 <div class="rating-overlay" data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
                                     <span class="star-overlay">
@@ -48,11 +48,6 @@
                     </div>
                 {{/if}}
             </div>
-            {{#if isSponsor}}
-              <div class="product-card__sponsored">Sponsored</div>
-            {{else}}
-              <div class="product-card__sponsored product-card__sponsored--empty">&nbsp;</div>
-            {{/if}}
             {{#if switch-vat}}
                 <div class="including-vat product-card__price {{#if sale}} product-card__price_sale {{/if}} {{#if
                         recommended}}product-card__min-height{{/if}}">

package/src/components/injected-content.hbs

@@ -10,4 +10,4 @@
             </div>
         {{/if}}
     {{/each}}
-</div>
+</div>

package/src/components/srp-injected.hbs

@@ -1,19 +1,9 @@
 <div class="srp-injected">
   <div class="srp-injected__content clamped-text">
     <p>
-      <span style="font-size:12pt; font-variant:normal; white-space:pre-wrap">
-          <span style="font-family:'Helvetica Neue',sans-serif">
-              <span style="color:#000000">
-                  <span style="font-weight:400">
-                      <span style="font-style:normal">
-                          <span style="text-decoration:none">
-                              The right lighting can turn your bathroom into a sanctuary, blending style and practicality. From sleek ceiling lights to illuminated and elegant wall fixtures, each of our options is designed to elevate your space. Create a warm, inviting glow that turns your bathroom into a haven of comfort and style.
-                          </span>
-                      </span>
-                  </span>
-              </span>
-          </span>
-      </span>
+      The right lighting can turn your bathroom into a sanctuary, blending style and practicality. From sleek ceiling
+      lights to illuminated and elegant wall fixtures, each of our options is designed to elevate your space. Create a
+      warm, inviting glow that turns your bathroom into a haven of comfort and style.
     </p>
   </div>
 </div>

package/src/data/data_search-results_v2.json

@@ -4,70 +4,25 @@
       {
         "src": "https://eu-images.contentstack.com/v3/assets/blt066259863543a0d2/bltf2fa907eeef56dc5/62161f9af3bcce42fe002786/PLP-DecoratingTools-230222.jpg",
         "href": "/sitemap.html",
-        "desktop-position": 8,
-        "mobile-position": 7,
+        "desktop-position": 3,
+        "mobile-position": 2,
         "show": false
-      }
-    ],
-    "sponsor-product": [
-      {
-        "isSponsor": true,
-        "desktop-position": 4,
-        "mobile-position": 3,
-        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
-        "code": "492747",
-        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Oak-Boot-7~GPID_1100568107_00",
-        "descr": "Offer is valid for the same product and size in a single purchase",
-        "reviews": "0",
-        "review-rating": "4.3",
-        "price": "<span class='product-card__price-value-text'>From</span> £99,009.00",
-        "perSQM": "£1,444.00",
-        "recommended": false,
-        "badge-text": "new",
-        "badge-color": "green",
-        "badge-text-color": "gray"
       },
       {
-        "isSponsor": true,
-        "desktop-position": 5,
-        "mobile-position": 4,
-        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
-        "code": "492747",
-        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Oak-Boot-7~GPID_1100568107_00",
-        "descr": "Offer is valid for the same product and size in a single purchase",
-        "reviews": "0",
-        "review-rating": "4.3",
-        "price": "<span class='product-card__price-value-text'>From</span> £99,009.00",
-        "perSQM": "£1,444.00",
-        "recommended": false,
-        "badge-text": "new",
-        "badge-color": "green",
-        "badge-text-color": "gray"
-      },
-      {
-        "isSponsor": true,
+        "src": "https://eu-images.contentstack.com/v3/assets/blt066259863543a0d2/bltf2fa907eeef56dc5/62161f9af3bcce42fe002786/PLP-DecoratingTools-230222.jpg",
+        "href": "/sitemap.html",
         "desktop-position": 7,
         "mobile-position": 5,
-        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
-        "code": "721657",
-        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Oak-Boot-7~GPID_1100568107_00",
-        "descr": "Offer is valid for the same product and size in a single purchase",
-        "reviews": "21",
-        "review-rating": "4.4",
-        "price": "£2,009.00",
-        "SQM": "£1,555.00",
-        "click-collect-only": true,
-        "badge-text": "Clearance",
-        "badge-color": "yellow",
-        "badge-text-color": "white"
-      }
-    ],
-    "sponsor-banner": [
+        "required-amount-desktop": 6,
+        "required-amount-mobile": 4,
+        "show": false
+      },
       {
         "src": "https://eu-images.contentstack.com/v3/assets/blt066259863543a0d2/bltf2fa907eeef56dc5/62161f9af3bcce42fe002786/PLP-DecoratingTools-230222.jpg",
         "href": "/sitemap.html",
-        "desktop-position": 6,
-        "mobile-position": 8
+        "required-amount-desktop": 11,
+        "required-amount-mobile": 9,
+        "show": false
       }
     ],
     "products": [
@@ -241,6 +196,136 @@
         "recommended": false,
         "new": true,
         "new-range": true
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "737934",
+        "src": "./img/placeholders/map-2.png",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+        "price": "£2,009.00",
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker - Black with Chrome Trim ",
+        "code": "247767",
+        "src": "./img/placeholders/map-2.png",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+        "price": "£2,009.00",
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "978004",
+        "src": "./img/placeholders/map-2.png",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+        "price": "£2,009.00",
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "523586",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Alder-Trainer-7~GPID_1100568095_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+        "perSQM": "£1,444.00",
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "729112",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Alder-Trainer-7~GPID_1100568095_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+        "price": "£2,315.00",
+        "recommended": false
+      },
+      {
+        "sale": {
+          "discount": "15% off",
+          "price": "£2,315.00"
+        },
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "279966",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Alder-Trainer-7~GPID_1100568095_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "813053",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Oak-Boot-7~GPID_1100568107_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+        "SQM": "£1,555.00",
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "655972",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Oak-Boot-7~GPID_1100568107_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "757775",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Oak-Boot-7~GPID_1100568107_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "276523",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Alder-Trainer-7~GPID_1100568095_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "334333",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Alder-Trainer-7~GPID_1100568095_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "597258",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Alder-Trainer-7~GPID_1100568095_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "806538",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Oak-Boot-7~GPID_1100568107_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+        "perSQM": "£1,444.00",
+        "recommended": false
+      },
+      {
+        "title": "Rangemaster Classic Deluxe 90 Ceramic Range Cooker",
+        "code": "276521",
+        "src": "https://media.wickes.co.uk/is/image/wickes/normal/Footwear-Tough-Grit-Oak-Boot-7~GPID_1100568107_00",
+        "descr": "Offer is valid for the same product and size in a single purchase",
+        "reviews": "0",
+
+        "recommended": false
       }
     ]
   }

package/src/js/components/product-banner.js

@@ -0,0 +1,148 @@
+var Wick = Wick || {};
+Wick.ProductBanner = {
+  el: {
+    banners: '.card-product-banner',
+    bannerInactiveClass: 'card-product-banner--inactive',
+    productsWrap: '.products-list-v2',
+    $products: $('.product-card'),
+    attrPositionDesktop: 'data-desktop-position',
+    attrPositionMobile: 'data-mobile-position',
+    attrRequiredAmountDesktop: 'data-required-amount-desktop',
+    attrRequiredAmountMobile: 'data-required-amount-mobile',
+    hide: 'd-none'
+  },
+  currentBreakpoint: null,
+  checkProductsInColumn() {
+    Wick.ProductBanner.addInactiveClasses();
+    Wick.ProductBanner.arrangeBannersInRightOrder();
+    $(Wick.ProductBanner.el.banners).each((index, banner) => {
+      Wick.ProductBanner.hideBannerDueLimit(banner, index);
+      Wick.ProductBanner.moveBannerToSpecifiedPosition(banner);
+    });
+  },
+  moveBannerToSpecifiedPosition(banner) {
+    const $listSlots = Wick.ProductBanner.getListSlots();
+    const bannerPosition = Wick.ProductBanner.getBannerPosition(banner) - 2;
+    const listSlotsLength = $listSlots.length;
+
+    if(Wick.ProductBanner.isBannerVisible(banner)) {
+      if (bannerPosition <= listSlotsLength) {
+        if ($listSlots[bannerPosition]) {
+          Wick.ProductBanner.showBanner(banner);
+          Wick.ProductBanner.removeInactiveClass(banner);
+          Wick.ProductBanner.moveBanner(banner, $listSlots[bannerPosition]);
+        } else {
+          Wick.ProductBanner.hideBanner(banner);
+          Wick.ProductBanner.coverEdgeCases(banner);
+        }
+      } else {
+        Wick.ProductBanner.hideBanner(banner);
+      }
+    }
+  },
+  moveBanner(banner, targetElement) {
+    $(banner).remove();
+    $(targetElement).after(banner);
+  },
+  hideBanner(banner) {
+    $(banner).addClass(Wick.ProductBanner.el.hide);
+  },
+  showBanner(banner) {
+    $(banner).removeClass(Wick.ProductBanner.el.hide);
+  },
+  isBannerVisible(banner) {
+    return !$(banner).hasClass(Wick.ProductBanner.el.hide);
+  },
+  hideBannerDueLimit(banner) {
+    const bannerMinLimit = Wick.ProductBanner.getBannerLimit(banner) - 1;
+    const $listSlots = Wick.ProductBanner.getListSlots();
+    const listProductsLength = $listSlots.length;
+    Wick.ProductBanner.showBanner(banner);
+
+    if (bannerMinLimit > listProductsLength) {
+      Wick.ProductBanner.hideBanner(banner);
+    }
+  },
+  getBannerPosition(banner) {
+    const isMobile = Wick.ProductBanner.isMobileResolution();
+    const positionAttribute = isMobile
+      ?  Wick.ProductBanner.el.attrPositionMobile
+      : Wick.ProductBanner.el.attrPositionDesktop
+
+    return banner.hasAttribute(positionAttribute)
+      ? Number(banner.getAttribute(positionAttribute))
+      : Number(Wick.ProductBanner.getListLength() + Wick.ProductBanner.getBannersAmount());
+  },
+  getBannerLimit(banner) {
+    const isMobile = Wick.ProductBanner.isMobileResolution();
+
+    const limitAttribute = isMobile
+      ? Wick.ProductBanner.el.attrRequiredAmountMobile
+      : Wick.ProductBanner.el.attrRequiredAmountDesktop;
+
+    return banner.hasAttribute(limitAttribute)
+      ? Number(banner.getAttribute(limitAttribute))
+      : 0;
+  },
+  isMobileResolution() {
+    return Wick.Responsive.getCurrentBreakpoint() !== 'up-lg';
+  },
+  getListLength() {
+    const $listItems = $(Wick.ProductBanner.el.productsWrap).find('.product-card');
+    return $listItems.length;
+  },
+  getBannersAmount() {
+    return $(Wick.ProductBanner.el.banners).length;
+  },
+  getProductsAmount() {
+    return Wick.ProductBanner.el.$products.length;
+  },
+  arrangeBannersInRightOrder() {
+    $(Wick.ProductBanner.el.banners).sort((a, b) => {
+      let bannerPositionA = Wick.ProductBanner.getBannerPosition(a);
+      let bannerPositionB = Wick.ProductBanner.getBannerPosition(b);
+
+      return bannerPositionA - bannerPositionB
+    }).appendTo(Wick.ProductBanner.el.productsWrap);
+  },
+  addInactiveClasses() {
+    $(Wick.ProductBanner.el.banners).addClass(Wick.ProductBanner.el.bannerInactiveClass);
+  },
+  removeInactiveClass(banner) {
+    $(banner).removeClass(Wick.ProductBanner.el.bannerInactiveClass)
+  },
+  insertFirstBanner(banner) {
+    const bannerPosition = Wick.ProductBanner.getBannerPosition(banner);
+
+    if (bannerPosition === 1) {
+      Wick.ProductBanner.showBanner(banner);
+      Wick.ProductBanner.removeInactiveClass(banner);
+      $(banner).remove();
+      $(Wick.ProductBanner.el.productsWrap).prepend(banner);
+    }
+  },
+  coverEdgeCases(banner) {
+    Wick.ProductBanner.insertFirstBanner(banner);
+  },
+  getListSlots() {
+    return $(Wick.ProductBanner.el.productsWrap)
+      .find('.product-card, .card-product-banner:not(.card-product-banner--inactive)');
+  },
+  init() {
+    Wick.Responsive.onResize(function () {
+      if(Wick.ProductBanner.currentBreakpoint !== Wick.Responsive.getCurrentBreakpoint()) {
+        Wick.ProductBanner.currentBreakpoint = Wick.Responsive.getCurrentBreakpoint()
+        Wick.ProductBanner.checkProductsInColumn();
+        $(window).trigger('productBannerPositionChanged');
+      }
+    });
+  }
+};
+
+$(document).ready(function () {
+  if (!Wick.ProductBanner.getBannersAmount() || !Wick.ProductBanner.getProductsAmount()) {
+    return;
+  }
+
+  Wick.ProductBanner.init();
+})

package/src/js/page/plp-cards-v2.js

@@ -6,9 +6,7 @@ $(document).ready(function () {
     }
 
     function cardsContent(itemsInRow) {
-        let card = $('.content .product-card, .content .card-product-banner, .content .card-sponsor-banner, .content .card-sponsor-product').filter(function() {
-            return $(this).parents('.product-card, .card-product-banner, .card-sponsor-banner, .card-sponsor-product').length === 0;
-        });
+        let card = $('.content .product-card, .content .card-product-banner');
         let priceSelectors = [
             '.including-vat .product-card__price__old-price',
             '.excluding-vat .product-card__price__old-price',
@@ -19,7 +17,6 @@ $(document).ready(function () {
         revealAll(card, ['.product-card__price__old-price',
                                     '.product-card__price-sqm',
                                     '.product-card__price-value',
-                                    '.product-card__sponsored',
                                     '.energy-efficiency',
                                     '.energy-efficiency__link']);
 
@@ -36,8 +33,6 @@ $(document).ready(function () {
                 hideEmptiness(currentRow, '.product-card__price-sqm');
             }
             hideEmptiness(currentRow, '.product-card__price-value');
-            hideEmptiness(currentRow, '.product-card__sponsored');
-            hideEmptiness(currentRow, '.product-card__price__old-price');
             hideEmptiness(currentRow, '.energy-efficiency');
             hideEmptiness(currentRow, '.energy-efficiency__link');
 
@@ -48,15 +43,11 @@ $(document).ready(function () {
     function hideEmptiness(query, className) {
         let currentQuery = query.find(className);
         let rowContent = currentQuery.text();
-        const classEmptyCheckMap = {
-            '.energy-efficiency': 'energy-efficiency--empty',
-            '.product-card__sponsored': 'product-card__sponsored--empty',
-            '.product-card__price__old-price': 'product-card__price_empty'
-        };
-
-        if (classEmptyCheckMap[className]) {
-            let isClassEmpty = isClassPresentInQuery(currentQuery, classEmptyCheckMap[className]);
-            if (isClassEmpty) {
+
+        if (className === '.energy-efficiency') {
+            let isEnergyQueryEmpty = isClassPresentInQuery(currentQuery, "energy-efficiency--empty");
+
+            if (isEnergyQueryEmpty) {
                 currentQuery.hide();
             }
             return;

package/src/js/page/plp-load-more.js

@@ -43,7 +43,7 @@ Wick.PLPLoadMore = {
       .finally(() => {
         hideLoader(Wick.PLPLoadMore.el.loader);
         Wick.PLPLoadMore.el.$loadMoreBtn.blur();
-        Wick.BannerPlacementManager.checkProductsInColumn();
+        Wick.ProductBanner.checkProductsInColumn();
         $(window).trigger('productBannerPositionChanged');
         Wick.EnergyEfficiency.drawEnergyLabels();
         Wick.PLP?.bindEvents();

package/src/page_plp_v2.html

@@ -1,4 +1,4 @@
-{{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page retail-media" title="Products list" globalSearchV2="true" pagePlp=true}}
+{{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page category-seo-config" title="Products list" globalSearchV2="true" pagePlp=true}}
 {{#content "head" mode="append" pagePlp=true}}
 <link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
 {{/content}}
@@ -10,6 +10,7 @@
                     <h1 class="page-header__title">
                         Fire Doors
                     </h1>
+                    {{> srp-injected}}
                 </div>
 
                 {{> color-picker-plp }}
@@ -32,23 +33,13 @@
                         </div>
 
                         <div class="products-list products-list-v2">
-                            {{#each search-result_v2.products}}
-                                {{>card_product_v2}}
+                            {{#each plp_load-more.results}}
+                            {{>card_product_v2}}
                             {{/each}}
                             {{#if search-result_v2.product-banner}}
-                                {{#each search-result_v2.product-banner}}
-                                    {{>card_product_banner_v2}}
-                                {{/each}}
-                            {{/if}}
-                            {{#if search-result_v2.sponsor-banner}}
-                                {{#each search-result_v2.sponsor-banner}}
-                                    {{>card_sponsor_banner}}
-                                {{/each}}
-                            {{/if}}
-                            {{#if search-result_v2.sponsor-product}}
-                                {{#each search-result_v2.sponsor-product}}
-                                    {{>card_sponsor_product}}
-                                {{/each}}
+                            {{#each search-result_v2.product-banner}}
+                            {{>card_product_banner_v2}}
+                            {{/each}}
                             {{/if}}
                         </div>
                         <div class="load-more-wrap">

package/src/page_search-results.html

@@ -42,19 +42,9 @@
         </div>
 
         <div class="products-list products-list-v2">
-          {{#each search-result_v2.products}}
-            {{>card_product_v2}}
+          {{#each plp_energy-efficiency.products}}
+            {{> card_product_v2}}
           {{/each}}
-          {{#if search-result_v2.sponsor-banner}}
-            {{#each search-result_v2.sponsor-banner}}
-              {{>card_sponsor_banner}}
-            {{/each}}
-          {{/if}}
-          {{#if search-result_v2.sponsor-product}}
-            {{#each search-result_v2.sponsor-product}}
-              {{>card_sponsor_product}}
-            {{/each}}
-          {{/if}}
         </div>
 
         <div class="sort-products-list">

package/src/scss/category-main.scss

@@ -21,6 +21,7 @@
 // Pages
 @import 'pages/page_category-landing';
 @import 'components/clamp-content';
+@import 'pages/facets';
 
 //fix long banner in page
 .long-banner-wrap {