{% load i18n %}
{% load product_tags %}

{% with products_sliced=products|slice:":8" %}
    {% if products_sliced %}
        <div class="row">
            <div class="col-12">
                <div class="space-2"></div>
                <div class="sub-header text-center">
                    <h2>{% trans 'Products you recently viewed' %}</h2>
                </div>
                <div class="space-1"></div>
                <ul class="recent-products-slider">
                    {% for product in products_sliced %}
                        <li>{% render_product product %}</li>
                    {% endfor %}
                </ul>
                <div class="space-2"></div>
            </div>
        </div>
    {% endif %}
{% endwith %}