{% block recommend_products %}
    <div class="pro-overflow">
        <div class="slider-wrapper js-editable" data-title="Recommended Products" data-id="home_recommeded_products_area">
            <div>
                <div class="common-title">
                    <h4 class="most-popular-title">
                       {{ 'recommended_products'|trans({},'app') }}
                    </h4>
                </div>
                
                <div class="row">
                    <div id="owl-carousel-recommeded" class="owl-carousel1 recommeded-product-slider" data-auto-play="{% if ob_project_setting.instance_theme_mode == 'draft' %}false{% else %}3200{% endif %}">
                        {% block product_item %}
	                        {% render (url("office_brain_page_homepage_sitemodule_data",{ 'block': 'recommend_products','slug': 'recommend_products' })) %}
                        {% endblock product_item %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock recommend_products %}