Subcategory Slider for Shopping Experiences

Installation manual

• Step 1: Installation and activation of plugin through plugin manager
• Step 2: Open the Shopping Experience and select the element "Subcategory Slider" under the Block Category Commerce
• Step 3: May you have to clear your Cache and compile your Theme
  

Template override

{% sw_extends '@Storefront/storefront/layout/navigation/bst-subcategories.html.twig' %}

{% block layout_subnavigation_categories %}
    {% set catSliderOptions = {
        slider: {
            nav: false,
            controls: true,
            gutter: 15,
            items: 2,
            slideBy: "page",
            mouseDrag: true,
            swipeAngle: false,
            speed: 400,
            loop: false,
            responsive: {
                sm: {
                    items: 3
                },
                lg: {
                    items: 4
                },
                xl: {
                    controls: true,
                    items: 5
                }
            }
        }
    } %}
    {{ parent() }}
{% endblock %}

{% block layout_subnavigation_slider_config %}{{ catSliderOptions|json_encode }}{% endblock %}

Styling

.cms-block-subcategory-navigation {
    overflow: visible; // an! important may be necessary here
}