{% if moduleprodutosrelacionados.exibeModule %}
  <section>
    <div class="ftr-in-space--l ftr-grid ftr-out-space--n">
      <span class="ftr-text--s ftr-text--upper">{{ heading_title }}</span>
    </div>
    {% if grid %}
      <div class="ftr-no-scroller">
        <div class="ftr-scroller">
          {{ moduleprodutosrelacionados.html }}
        </div>
      </div>
    {% else %}
      <div class="ftr-js-scroller--accordion ftr-js-load-slide" onload="productModules.push({element: this, name: 'slide-produtosrelacionados', product_grid_id:'{{ product_grid_id }}', product_id:'{{ product_id }}', product_name:'{{ product_name }}', category_id:'{{ category_id }}'})">
        <div class="ftr-scroller ftr-js-scroller" data-module-name="produtosrelacionados" data-product-name="product_name" data-category-id="category_id" data-quantity="{{moduleprodutosrelacionados.productsCount}}">
          {% set boxQuantity = moduleprodutosrelacionados.productsCount < 24 ? moduleprodutosrelacionados.productsCount : 24 %}
          {% for i in 1..boxQuantity %}
            <div class="ftr-grid__card ftr-product-card"></div>
          {% endfor %}
        </div>
      </div>
    {% endif %}
  </section>
{% endif %}
