<!-- Nosto Solutions mas vendidos home-->
#if($products.size() > 0)
#set($firstbreakpoint = $props.mobile.showThreeWhen + "px")
#set($secondbreakpoint = $props.mobile.showTwoWhen + "px")
<div class="nosto-block">
  #if($!props.display.showHeadingText)
  <h4 class="nosto-header">$!title</h4>
  #end
  <ul class="nosto-list">
    #foreach($product in $products)
    <li class="nosto-list-item">
      #if($!props.ribbon.ribbonOn)
      #if($product.mostBought && $!props.ribbon.mostBoughtOn)
      <div class="nosto-ribbon">$!props.ribbon.mostBoughtCopy</div>
      #elseif($product.mostViewed && $!props.ribbon.mostViewedOn)
      <div class="nosto-ribbon">$!props.ribbon.mostViewedCopy</div>
      #elseif($product.ageInDays <= $props.ribbon.newInDays && $!props.ribbon.newInOn)
      <div class="nosto-ribbon">$!props.ribbon.newInCopy</div>
      #elseif($!product.discounted && $!props.ribbon.percentagediscounton)
      <div class="nosto-ribbon">-$!product.discount.percent%</div>
      #end
      #end
      <div class="nosto-image-container">
        <a href="$!product.url">
          #if($!props.display.imageFormat && $!props.display.imageFormat != 0)
          <img class="nosto-image" alt="$!product.name" src="$!product.thumb($!props.display.imageFormat)">
          #elseif($!props.display.imageFormat && $!props.display.imageFormat == 0)
          <img class="nosto-image" alt="$!product.name" src="$!product.imageUrl">
          #else
          <img class="nosto-image" alt="$!product.name" src="$!product.thumb(7)">
          #end
        </a>
          <a class="quick-view trans1" href="$!product.url" rel="$!product.url">
              <span><i class="icon-search-plus"></i> Vista rápida</span>
          </a>
          
          <div class="button-container trans1 for-grid">
              <a class="button ajax_add_to_cart_button btn btn-default" href="https://vencompras.com/cart?add=1&id_product=$!product.productId&token=aad594698cf3732d5bc148e397d0eb61" rel="nofollow" title="añadir al carrito" data-id-product="$!product.productId" quantity="1">
                <div>
                  <span>Añadir al carrito</span>
                </div>
             </a>
          </div>
      </div>
              
      <div class="nosto-product-info">
        #if($!props.display.showBrandName)
        <a href="$!product.url" class="nosto-product-brand">$!product.brand.truncate($!props.display.truncateBrandNameAfter)</a>
        #end
        #if($!props.display.showProductTitle)
        <a href="$!product.url" class="nosto-product-name" title="$!product.name">
            <div class="module">
                <p class="block-with-text">
                    $!product.name
                </p>
            </div>
        </a>
        #end
        #if($product.discounted && $props.display.showOldPrice)
        <a href="$!product.url" class="nosto-product-price">
          <span class="price_currency_code" xss=removed>US</span>
              <span class="nosto-newprice">$!product.price</span>
          <span class="nosto-oldprice">$!product.listPrice</span>
        </a>
        #else
        <a href="$!product.url" class="nosto-product-price">$!product.price</a>
        #end
      </div>
      <!-- The base currency's variation ID: -->
        <span class="variation_id" xss=removed>USD</span>
      
        <!-- Variation block for COP price -->  
          <div class="variation" xss=removed>
            <a href="$!product.url" class="nosto-product-price">
              <span class="variation_id">COP</span>
              <span class="nosto-newprice price">$!product.price</span>
              <span class="nosto-oldprice list_price">$!product.listPrice</span>
            </a>
          </div>
        
      <a class="precio-rebajado" href="$!product.url">
         <span class="sale-label">Precio rebajado!</span>
      </a>
      
      #if($!product.discounted)
      <span class="price-percent-reduction">-$product.discount.percent%</span>
      #end
      #if($!props.display.showBuyButton && $product.tags1Contains("add-to-cart"))
      <button onclick="Nosto.addProductToCart('$!product.productId'); return false;" class="nosto-btn">$!props.display.buyButtonCopy</button>
      #end
    </li>
    #end
  </ul>
</div>
#end
[removed]
 for(var k=0;k<$product.length;k++){
  productImpressionArray.push ({
   'name': $!product.name,
   'id': $!product.id,
   'brand': $!product.brand,
   'category': $!product.category
  });
 }
 window.dataLayer = window.dataLayer || [];
 dataLayer.push({
  'event': 'clicCatalogo',
  'ecommerce': {'impressions': productImpressionArray}
 });
[removed]