{% block details_relatedproducts_alsobought %}
    {% set oAlsoBoughts = oView.getAlsoBoughtTheseProducts() %}
    {% if not empty(oAlsoBoughts) and oAlsoBoughts.count() %}
        {% set sAlsoBoughtListType = "slider" %}
        {% if oAlsoBoughts.count() <= 4 %}
            {% set sAlsoBoughtListType = "grid" %}
        {% endif %}

        {% capture append = "oxidBlock_productrelated" %}
            {% include "widget/product/list.html.twig" with {sListType: sAlsoBoughtListType, sListId: "also-bought-articles", oArticles: oAlsoBoughts, sHead: "CUSTOMERS_ALSO_BOUGHT"|translate} %}
        {% endcapture %}
    {% endif %}
{% endblock %}

{% block details_relatedproducts_accessoires %}
    {% set oAccessoires = oView.getAccessoires() %}
    {% if not empty(oAccessoires) and oAccessoires.count() %}
        {% set sAccessoryListType = "slider" %}
        {% if oAccessoires.count() <= 4 %}
            {% set sAccessoryListType = "grid" %}
        {% endif %}

        {% capture append = "oxidBlock_productrelated" %}
            {% include "widget/product/list.html.twig" with {sListType: sAccessoryListType, sListId: "accessory-articles", oArticles: oAccessoires, sHead: "ACCESSORIES"|translate} %}
        {% endcapture %}
    {% endif %}
{% endblock %}

{% block details_relatedproducts_similarproducts %}
    {% set oSimilarProducts = oView.getSimilarProducts() %}
    {% if not empty(oSimilarProducts) and oSimilarProducts.count() %}
        {% set sSimilarListType = "slider" %}
        {% if oSimilarProducts.count() <= 4 %}
            {% set sSimilarListType = "grid" %}
        {% endif %}

        {% capture append = "oxidBlock_productrelated" %}
            {% include "widget/product/list.html.twig" with {sListType: sSimilarListType, sListId: "similar-articles", oArticles: oSimilarProducts, sHead: "SIMILAR_PRODUCTS"|translate} %}
        {% endcapture %}
    {% endif %}
{% endblock %}

{% block details_relatedproducts_crossselling %}
    {% set oCrossSelling = oView.getCrossSelling() %}
    {% if not empty(oCrossSelling) and oCrossSelling.count() %}
        {% set sCrosssellingListType = "slider" %}
        {% if oCrossSelling.count() <= 4 %}
            {% set sCrosssellingListType = "grid" %}
        {% endif %}

        {% capture append = "oxidBlock_productrelated" %}
            {% include "widget/product/list.html.twig" with {sListType: sCrosssellingListType, sListId: "cross-articles", oArticles: oCrossSelling, sHead: "HAVE_YOU_SEEN"|translate} %}
        {% endcapture %}
    {% endif %}
{% endblock %}

{% if oxidBlock_productrelated %}
    {# external resources #}
    {% if oViewConf.getViewThemeParam("blUseCDN") %}
        {{ style({ include: "https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.2.4/swiper-bundle.min.css" }) }}
        {{ script({ include: "https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.2.4/swiper-bundle.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
    {% else %}
        {{ style({ include: "libs/swiper/css/swiper-bundle.min.css" }) }}
        {{ script({ include: "libs/swiper/js/swiper-bundle.min.js", priority: 10, dynamic: __oxid_include_dynamic }) }}
    {% endif %}

    {{ script({ include: "js/related_slider.min.js", priority: 11, dynamic: __oxid_include_dynamic }) }}

    <div id="c4s-details-related" class="c4s-details-related">
        {% for _block in oxidBlock_productrelated %}
            {{ _block|raw }}
        {% endfor %}
    </div>
{% endif %}