best_seller.html.twig

{% if items|length > 0 %}
{% set rnd = "best-seller" ~random() %}
	<div class="mov_bseller">
		<h3>{{"BEST SELLER"|trans}}</h3> 
		<div id="{{rnd}}" class="carousel slide" data-ride="carousel">  
				<!-- Wrapper for slides -->
			<div class="carousel-inner"> 
				{% for item in items %}
				  <div class="item {{loop.first?"active":""}}" style="text-align:center;">
					  <img style="padding: 2px;" alt="{{ item.product.imageMainLabel|raw }}" src="{{ movent_media_public_url(item.product.imageMain, 'image_395x527') }}" width="195" height="327" />
					  <h3>{{ item.product.title }}</h3>

					  <div class="mov_bseller-product__content">
					  	<p>{{ item.product.abstract|raw|truncate(80, true, ' […]')}}</p>
					   	<p><a href="{{ movent_content_path(item.product, item.product.canonicalCategory) }}" style="background:red;">{{"Selengkapnya"|trans}}</a></p>
						{% if item.product.buyNowId is not null %}
							<p><a data-sku-id="{{ item.product.buyNowId }}" class="productViewBuyNow tab-link buy-now-button buynow-btn" style="background:red;"> {{"Beli Sekarang"|trans}}</a></p>
						{% endif %} 
					  </div>
				  </div> 
				{% endfor %}
			</div> 
	  	</div>
	  	<!-- Left and right controls -->
		<a class="left carousel-control" href="#{{rnd}}" data-slide="prev">
			<i class="ion-ios-arrow-left"></i>
		</a>
		<a class="right carousel-control" href="#{{rnd}}" data-slide="next">
		 	<i class="ion-ios-arrow-right"></i>
		</a> 
	</div>
{% endif %}	

file path : \src\Movent\CatalogBundle\Resources\views\Product