{% if moduleLpbc.exibeModule %}
  <section>
    <div class="ftr-in-space--l ftr-grid ftr-grid--between ftr-out-space--n">
      <span class="ftr-text--s ftr-text--upper">{{ category_name }}</span>
      <a class="ftr-text--primary" href="{{ category_url }}">{{ viewall }} <i class="material-icons ftr-text--v-middle">&#xe5cc;</i></a>
    </div>
    {% if grid %}
    <div class="ftr-no-scroller">
      <div class="ftr-scroller">
        {{ moduleLpbc.html }}
      </div>
    </div>
    {% else %}
    <div class="ftr-js-scroller--accordion ftr-js-load-slide" onload="productModules.push({element: this, name: 'slide-lpbc', category_id: '{{category_id}}'})">
      <div class="ftr-scroller ftr-js-scroller" data-module-name="lpbc" data-category-id="{{category_id}}" data-quantity="{{moduleLpbc.productsCount}}">
        {% set boxQuantity = moduleLpbc.productsCount < 24 ? moduleLpbc.productsCount : 24 %}
        {% for i in 1..boxQuantity %}
          <div class="ftr-grid__card ftr-product-card"></div>
        {% endfor %}
      </div>
    </div>
    {% endif %}
  </section>
{% endif %}
