{% set role = products|length == 5 ? 'grid-item' : '' %}
<div class="row">
    {% for product in products %}
    <div class="{{ columns|default('col-12 col-md-6 col-lg-3') }} {{ loop.first and products|length == 5 ? 'row-lg-2 col-lg-6' : '' }}">
        {% import "@SyliusShop/Common/Macro/money.html.twig" as money %}


        {% if not product.enabledVariants.empty() %}
        {% set variant = product|sylius_resolve_variant %}
        {% set price = money.calculatePrice(variant) %}
        {% set original_price = money.calculate_original_price(variant) %}
        {% set applied_promotions = variant.getappliedPromotionsForChannel(sylius.channel) %}
        {% endif %}

        <!-- Item -->
        <div class="col">
            <div class="animate-underline mb-sm-2">
                <a class="hover-effect-opacity ratio ratio-1x1 d-block mb-3 " href="{{ path('sylius_shop_product_show', {'slug': product.slug, '_locale': product.translation.locale}) }}">
                    {% include '@SyliusShop/Product/_mainImage.html.twig' %}
                </a>
                <h3 class="mb-2">
                    <a class="d-block fs-sm fw-medium text-truncate" href="shop-product-furniture.html">
                        <span class="animate-target"> {{ product.name }}
                        </span>
                    </a>
                </h3>
                {% if not product.variants.empty() %}
                {% include '@SyliusShop/Product/Show/_price.html.twig' %}
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
</div>