TASK: filter product list for enabled products and remove checks in twig templates

Author: crydotsnake

src/Renderer/ContentElement/ProductsCarouselContentElementRenderer.php

@@ -40,9 +40,13 @@ public function render(ContentConfigurationInterface $contentConfiguration): str
             return '';
         }
 
+        $enabledProducts = array_filter($products, function (ProductInterface $product): bool {
+            return $product->isEnabled();
+        });
+
         return $this->twig->render('@SyliusCmsPlugin/shop/content_element/index.html.twig', [
             'content_element' => $this->template,
-            'products' => $products,
+            'products' => $enabledProducts,
         ]);
     }
 }

src/Renderer/ContentElement/ProductsGridContentElementRenderer.php

@@ -37,9 +37,13 @@ public function render(ContentConfigurationInterface $contentConfiguration): str
         $productsCodes = $configuration['products_grid']['products'];
         $products = $this->productRepository->findBy(['code' => $productsCodes]);
 
+        $enabledProducts = array_filter($products, function (ProductInterface $product): bool {
+            return $product->isEnabled();
+        });
+
         return $this->twig->render('@SyliusCmsPlugin/shop/content_element/index.html.twig', [
             'content_element' => $this->template,
-            'products' => $products,
+            'products' => $enabledProducts,
         ]);
     }
 }

templates/shop/content_element/elements/products_carousel.html.twig

@@ -1,11 +1,9 @@
 <div class="swiper {{ content_element_base_class }}__products-carousel products-carousel mb-3">
     <div class="swiper-wrapper">
         {% for product in products %}
-            {% if product.enabled %}
-                <div class="swiper-slide">
-                    <div>{{ component('sylius_shop:product:card', { product: product, template: '@SyliusShop/product/common/card.html.twig' }) }}</div>
-                </div>
-            {% endif %}
+            <div class="swiper-slide">
+                <div>{{ component('sylius_shop:product:card', { product: product, template: '@SyliusShop/product/common/card.html.twig' }) }}</div>
+            </div>
         {% endfor %}
     </div>
     <div class="btn btn-primary swiper-button-prev position-absolute top-50 start-0 z-1 translate-x-middle ms-2 opacity-75">

templates/shop/content_element/elements/products_grid.html.twig

@@ -1,9 +1,7 @@
 <div class="{{ content_element_base_class }}__products-grid mb-3">
     <div class="products-grid">
         {% for product in products %}
-            {% if product.enabled %}
-                <div>{{ component('sylius_shop:product:card', { product: product, template: '@SyliusShop/product/common/card.html.twig' }) }}</div>
-            {% endif %}
+           <div>{{ component('sylius_shop:product:card', { product: product, template: '@SyliusShop/product/common/card.html.twig' }) }}</div>
         {% endfor %}
     </div>
 </div>