{% if products %}
  {% for product in products %}
    <div class="item-column">
      <div class="itembox rel paper">
        <a href="{{ product.href }}" title="{{ product.name }}" class="itembox-image-link image-loading-in-background" {{ product.ratio }}>



          {% if product.thumb %}

            {% if efeitoimg == constant('Type_EfeitoImagem::Tp_Padrao') %}
              <img class="load-image" src="" data-src="{{ product.thumb }}" alt="{{ product.name }}">
            {% else %}
              <img class="itembox-primary-image load-image" src="" data-src="{{ product.thumb }}" alt="{{ product.name }}">
              <img class="itembox-secondary-image load-image" src="" data-src="{{ product.image_extra }}" alt="{{ product.name }}">
            {% endif %}

          {% endif %}

          {% if wg24_quick %}
            <button class="btn-default btn-medium-square js-btn-quick-view itembox-btn-detail" data-product-id="{{ product.product_id }}" rel="category-gallery" href="{{ product.href }}">
              <i class="fas fa-search" aria-hidden="true"></i>
            </button>
          {% endif %}
        </a>

        <div class="itembox-content">
          <a href="{{ product.href }}" title="{{ product.name }}" class="itembox-inner">

            <h3 class="itembox-title {{ product.class_one_line }}">
              {{ product.name}}
            </h3>

            <span itemprop="description" class="itembox-description">
              {% if product.description != "..." %}
                {{ product.description }}
              {% endif %}
            </span>

            {% if display_product_grid and product.gridhave and product.quantity > 0 %}
              <div class="itembox-view-more-colors width-full">Mais opções</div>
            {% endif %}
          </a>

          <div class="itembox-actions">
            <div class="itembox-price full-width" itemtype="http://schema.org/Offer" itemscope="" itemprop="offers">
              <span class="itembox-single-price">{{ product.pontos }} pts</span>
            </div>

              <input type="hidden" name="quantity" size="2" value="1"/>
              <div class="flex nowrap-xs full-width">
                <button
                  type="button"
                  class="itembox-btn btn-default btn-medium btn-cart js-btn-fidelitycart"
                  title="{{ button_cart }}"
                  data-product-id="{{ product.product_id }}"
                  data-layout-id="{{ fidelity_id_layout.layout_id }}"
                  {% if listGrid is defined and listGrid == false %}data-list-grid="false"{% endif %}
                  {% if product.gridhave %}data-grid-id="{{ product.gridhave }}"{% endif %}>
                  <i class="fas fa-gift"></i>
                  <span>{{ button_points }}</span>
                </button>
                <span class="btn-cart-notification js-btn-cart-notification{% if product.notification_value %} have-in-cart{% endif %}"></span>
              </div>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
{% elseif slider==false %}
  <div class="col-xs">
    <span class="text-medium">{{ text_empty }}</span>
  </div>
{% endif %}
