{% extends "::baseAjax.html.twig" %}
	
{% block ajax_body %}
	{% if recommended_products|length > 0 %}
		<div class="row">
		    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		        <div class="ob-related-product">
		            <div class="pro-overflow">
		                <div class="slider-wrapper" >           
							<div class="common-title">
		                        <h4 class="most-popular-title">{{ 'products_detail.recommended_products'|trans }}</h4>
		                    </div>                 
							<div class="{{ (recommended_products|length > 2)?'owl-carousel js-common-carousel-product-detail':'' }}">
								{% block recommended_product %}{% endblock recommended_product %}
							</div>
						</div>
		            </div>
		        </div>
		    </div>
		</div>
	{% endif %}
{% endblock ajax_body %}