{% sw_extends '@Storefront/storefront/element/cms-element-product-listing.html.twig' %}
{% block element_product_listing_wrapper %}
{% set productsXs = theme_config('atl-cms-listing-products-xs') %}
{% set productsSm = theme_config('atl-cms-listing-products-sm') %}
{% set productsMd = theme_config('atl-cms-listing-products-md') %}
{% set productsLg = theme_config('atl-cms-listing-products-lg') %}
{% set productsXl = theme_config('atl-cms-listing-products-xl') %}
{% set listingColumns = [] %}
{% set listingColumns = listingColumns|merge(['col-' ~ 12 / productsXs|default('1')]) %}
{% set listingColumns = listingColumns|merge(['col-sm-' ~ 12 / productsSm|default('2')]) %}
{% set listingColumns = listingColumns|merge(['col-md-' ~ 12 / productsMd|default('2')]) %}
{% set listingColumns = listingColumns|merge(['col-lg-' ~ 12 / productsLg|default('3')]) %}
{% set listingColumns = listingColumns|merge(['col-xl-' ~ 12 / productsXl|default('4')]) %}
{% if section and section.type == 'sidebar' %}
{% set productsXs = theme_config('atl-cms-listing-sidebar-products-xs') %}
{% set productsSm = theme_config('atl-cms-listing-sidebar-products-sm') %}
{% set productsMd = theme_config('atl-cms-listing-sidebar-products-md') %}
{% set productsLg = theme_config('atl-cms-listing-sidebar-products-lg') %}
{% set productsXl = theme_config('atl-cms-listing-sidebar-products-xl') %}
{% set listingColumns = [] %}
{% set listingColumns = listingColumns|merge(['col-' ~ 12 / productsXs|default('1')]) %}
{% set listingColumns = listingColumns|merge(['col-sm-' ~ 12 / productsSm|default('2')]) %}
{% set listingColumns = listingColumns|merge(['col-md-' ~ 12 / productsMd|default('2')]) %}
{% set listingColumns = listingColumns|merge(['col-lg-' ~ 12 / productsLg|default('2')]) %}
{% set listingColumns = listingColumns|merge(['col-xl-' ~ 12 / productsXl|default('3')]) %}
{% endif %}
{% set listingColumns = listingColumns|join(' ') %}
{{ parent() }}
{% endblock %}