{% if moduleLpbc.exibeModule %}
  {% if moduleLpbc.positionModulo %}
    <section class="products_slider">
      <div class="product-title">
        {% if product_list_title_style == Type_ProductListTitleStyle.Left %}
          <div class="flex flex-row nowrap-xs between-xs middle-xs">
            <h2 class="heading-2 flex-1">{{ category_name }}</h2>
            <a href="{{ category_url }}" class="text-medium">{{ viewall }}</a>
          </div>
        {% else %}
          <div class="flex flex-row nowrap-xs center-xs middle-xs">
            <div style="width: fit-content; {{ product_list_title_style == Type_ProductListTitleStyle.CenterWithLines ? ' max-width: calc(100% - 164px) ' : '' }}" class="rel">
              <a class="heading-2 flex-1 {{ product_list_title_style == Type_ProductListTitleStyle.CenterWithLines ? ' product-title-with-lines ' : '' }}" href="{{ category_url }}">
                <h2 class="heading-2 flex-1 text-center">{{ category_name }}</h2>
              </a>
            </div>
          </div>
        {% endif %}
      </div>
      {% if grid %}
        <div class="grid">
          <div class="grid-on-slider">
            {{ moduleLpbc.html }}
          </div>
        </div>
      {% else %}
      <div class="carousel-container slide-lpbc js-load-slide" onload="productModules.push({element: this, name: 'slide-lpbc', category_id: '{{category_id}}' })">
        <div class="carousel-wrapper grid">
          <div class="carousel-list">
            {% set boxQuantity = moduleLpbc.productsCount < 24 ? moduleLpbc.productsCount : 24 %}
            {% for i in 1..boxQuantity %}
              <div class="item-column {{ config.wg24_productbox_size == 4 ? 'item-column--large' : '' }}" data-quantity="{{moduleLpbc.productsCount}}">
                <div class="itembox rel paper"></div>
              </div>
            {% endfor %}
          </div>
        </div>
      </div>
      {% endif %}
    </section>
  {% else %}
    <div>
      <div class="bottom-border-gray vertical-padding-medium">
        <h2 class="heading-3">{{ category_name }} - <a href="{{ category_url }}">{{ viewall }}</h2>
      </div>
      <div class="vertical-padding-medium">
        {{ moduleLpbc.html }} <!-- productaside.twig -->
      </div>
    </div>
  {% endif %}
{% endif %}
