I need to loop thro owl carousel in wordpress i used this code however nothing works

<div class="container">
   <div class="row">
     <div class="col-md-12">
        <div class="owl-carousel"  id="product-slider">
          <?php whereas ($loop->have_posts()): $loop->the_post();?>
              <div class="product">
            <?php $loop = new wp_Query(array(
           'post_type' => 'home_producten',
           'orderby' => 'post_id',
            'order' => 'ASC',
            ));?>
           <?php if (has_post_thumbnail()) { // examine for Picture
            the_post_thumbnail();}?>
            <h3 class="title">
            <?php the_title();?>
            </h3>
            <p class="description">
            <?php the_content();?>
            </p>
            <a category="btn btn-warning text-uppercase" href="<?php 
           the_permalink();?>">
            See Extra
            </a>
         </div>
        <?php endwhile;?>
      </div>
   </div>

 </div>
 <!-- ==== END OF CAROUSEL ===== -->