{#
<div class="productList-section2">

    <div class="title-section mb-4  ">
        <h2 class="title ">{{ "pages.homepage.widgets.best_seller.title"|trans }}</h2><!-- End .title text-center -->
        <p>{{ "pages.homepage.widgets.best_seller.text"|trans }}</p>
    </div>




    <div class="owl-carousel owl-simple carousel-equal-height carousel-with-shadow" data-toggle="owl"
         data-owl-options='{
                            "nav": true,
                            "dots": true,
                            "margin": 20,
                            "loop": true,
                            "responsive": {
                                "0": {
                                    "items":2
                                },
                                "480": {
                                    "items":2
                                },
                                "768": {
                                    "items":3
                                },
                                "992": {
                                    "items":4
                                },
                                "1200": {
                                    "items":4,
                                    "nav": true,
                                    "dots": true
                                }
                            }
                        }'>

        {{ render(controller(
            'App\\Controller\\Main\\Product\\ProductController::productList',
            {'template':'main/Product/Show/_list.html.twig','options':{
                'order': 'new',
                'categoryId':category.id|default,
                'thisId':product.id,
                'limit' : 8
            }}
        )) }}
        {{ render(controller(
            'App\\Controller\\Main\\Product\\ProductController::productList',
            {'template':'main/Product/Show/_list.html.twig','options':{
                'order': 'new',
                'categoryId':category.id|default,
                'thisId':product.id,
                'limit' : 8
            }}
        )) }}



    </div><!-- End .owl-carousel -->

</div>
#}


<div class="productList-section2">

    <div class="title-section mb-4  ">
        <h2 class="title ">ÇOK SATANLAR</h2><!-- End .title text-center -->
        <p>Bu Ayın En Çok Satan Ürünlerine Göz Atın</p>
    </div>


    <div class="owl-carousel owl-simple carousel-equal-height carousel-with-shadow" data-toggle="owl"
         data-owl-options='{
                            "nav": true,
                            "dots": true,
                            "margin": 20,
                            "loop": true,
                            "responsive": {
                                "0": {
                                    "items":2
                                },
                                "480": {
                                    "items":2
                                },
                                "768": {
                                    "items":3
                                },
                                "992": {
                                    "items":4
                                },
                                "1200": {
                                    "items":4,
                                    "nav": true,
                                    "dots": true
                                }
                            }
                        }'>

        {{ render(controller(
            'App\\Controller\\Main\\Product\\ProductController::productList',
            {'template':'main/Product/Show/_list.html.twig','options':{
                'order': 'new',
                'categoryId':category.id|default,
                'thisId':product.id,
                'limit' : 8
            }}
        )) }}
        {{ render(controller(
            'App\\Controller\\Main\\Product\\ProductController::productList',
            {'template':'main/Product/Show/_list.html.twig','options':{
                'order': 'new',
                'categoryId':category.id|default,
                'thisId':product.id,
                'limit' : 8
            }}
        )) }}


    </div><!-- End .owl-carousel -->

</div>