<section class="section product-slider pb-0">
<div class="container mb-3">
<div class="row">
<div class="section-header col-12">
<h2 class="text-transform-none">{{ 'product-detail.recenteviewed_transalations' | trans }}</h2>
</div>
</div>
<div class="productSlider grid-products">
{% for product in lastVisitedProducts | slice(1) %}
{% if product is not null %}
<div class="item">
<!--Start Product Image-->
<div class="product-image">
<!--Start Product Image-->
{% set imageRecentlyViewed = product.getFirstImageAsset() %}
{% set linkDetailRecentlyViewed = app_product_generate_link(product, { 'document' : document, 'prefix': prefix } , {}) %}
<a href="{{ linkDetailRecentlyViewed }}" class="product-img">
{% if imageRecentlyViewed is not null %}
<!-- image -->
<img class="primary blur-up lazyload" data-src="{{ imageRecentlyViewed.thumbnail('ProductImages') }}" src="{{ imageRecentlyViewed.thumbnail('ProductImages') }}" alt="image" title="" style="height: 150px;width: 150px">
<!-- End image -->
<!-- Hover image -->
<img class="hover blur-up lazyload" data-src="{{ imageRecentlyViewed.thumbnail('ProductImages') }}" src="{{ imageRecentlyViewed.thumbnail('ProductImages') }}" alt="image" title="" style="height: 150px;width: 150px">
<!-- End hover image -->
{% endif %}
</a>
<!--End Product Image-->
</div>
<!--End Product Image-->
<!--Start Product Details-->
<div class="product-details text-center">
<!--Product Name-->
<div class="product-name">
<a href="product-layout1.html">{{ product.getName }}</a>
</div>
<!--End Product Name-->
<!--Product Price-->
{% set defaultPriceRecentlyProduct = app_product_default_price(product) %}
<div class="product-price">
<span class="price">{{ defaultPriceRecentlyProduct }}€</span>
</div>
<!--End Product Price-->
</div>
<!--End Product Details-->
</div>
{% endif %}
{% endfor %}
</div>
</div>
</section>