{% if products %}
  {% for product in products %}
    <a href="{{ product.href }}" title="{{ product.name }}" class="visible-block">
      <div class="row small-space-xs middle-xs bottom-margin-medium productaside-item">
        <div class="col-xs-width-auto">
          <div class="content-box">
            <picture>
              <source class="load-image" srcset="" data-src="{{ product.thumb_mini.webp }}">
              <img class="load-image itembox-image-no-effect visible-block border-gray" src="" data-src="{{ product.thumb_mini.jpg }}" alt="{{ product.name }}">
            </picture>
            {% if product.price and product.special %}
              {% if product.aviseme %}
                <div class="text-small text-center visible-block padding-x-small productaside-sale-label">
                  {{ product.porcentagemDesconto }}
                </div>
              {% endif %}
            {% endif %}
          </div>
        </div>
        <div class="col-xs">
          <span class="text-medium productaside-title">{{ product.name }}</span>
          {% if product.price %}
            <div class="top-margin-small">
              {% if not product.aviseme %}
                <span class="text-aviseme">{{ aviseme_info.price_esgotado }}</span>
              {% elseif product.price %}
                {% if not product.special %}
                  <span class="text-medium productaside-price">
                    <b>{{ product.price }}</b>
                  </span>
                {% else %}
                  <span class="text-small visible-block productaside-old-price">
                    <strike>{{ product.price }}</strike>
                  </span>
                  <span class="text-medium productaside-price">
                    <b>{{ product.special }}</b>
                  </span>
                {% endif %}
              {% endif %}
            </div>
          {% endif %}
        </div>
      </div>
    </a>

  {% endfor %}
{% endif %}
