{% if moduleRandom.exibeModule %}
  {% if moduleRandom.positionModulo %}
    <section class="products_slider">
      {% if heading_title %}
        {{ product_list_title }}
      {% else %}
        <hr class="top-padding-x-large top-margin-large">
      {% endif %}
      {% if grid %}
        <div class="grid">
          <div class="grid-on-slider">
            {{ moduleRandom.html }}
          </div>
        </div>
      {% else %}
      <div class="carousel-container slide-random js-load-slide" onload="productModules.push({element: this, name: 'slide-random'})">
        <div class="carousel-wrapper grid">
          <div class="carousel-list">
            {% set boxQuantity = moduleRandom.productsCount < 24 ? moduleRandom.productsCount : 24 %}
            {% for i in 1..boxQuantity %}
              <div class="item-column {{ config.wg24_productbox_size == 4 ? 'item-column--large' : '' }}" data-quantity="{{moduleRandom.productsCount}}">
                <div class="itembox rel paper"></div>
              </div>
            {% endfor %}
          </div>
        </div>
      </div>
      {% endif %}
    </section>
  {% else %} <!-- Para os modulos nas laterais (column_left, column_right) -->
    <div>
      <div class="bottom-border-gray vertical-padding-medium">
        <h2 class="heading-3">{{ heading_title }}</h2>
      </div>
      <div class="vertical-padding-medium">
        {{ moduleRandom.html }} <!-- productaside.twig -->
      </div>
    </div>
  {% endif %}
{% endif %}
