<section class="section-products-carousel" >

    <header>

        <h2 class="h1">People buying in this category</h2>

        <div class="owl-nav">
            <a href="#products-carousel-prev" data-target="#product-category-carousel" class="slider-prev">
            <i class="fa fa-angle-left"></i></a>
            <a href="#products-carousel-next" data-target="#product-category-carousel" class="slider-next"><i class="fa fa-angle-right"></i></a>
        </div>

    </header>

                
    <div id="product-category-carousel">
        <div class="woocommerce columns-6">

            <div class="products owl-carousel products-carousel columns-6">
                <?php require 'inc/components/product-carousel-item.php'; ?> 
               
            </div>
            
        </div>
        
    </div>
</section><!-- /.section-products-carousel -->