Testimonial Carousel - Custom Post Type Loop


<?php

//TESTIMONIAL
function post_carousel_loop() { ?>

<div class="container">

<div id="myCarousel" class="carousel slide" data-ride="carousel">



<div class="carousel-inner" role="listbox">


<!--LOOP ACTIVE ITEMS-->

<?php wp_reset_postdata();

$the_query = new WP_Query(array(
'post_type' => 'testimonial',
'posts_per_page' => 1
));

while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="carousel-item active">
<div class="row">
<div class="col-md-12">
<h2 class="carousel-title">Our Patients Say</h2>
<?php the_excerpt(); ?>
<h4 class="author">
<?php the_title(); ?>
</h4>
</div>
</div><!--row-->
</div><!--item-active-->
<?php endwhile; wp_reset_postdata(); ?>

<!--LOOP ITEMS-->
<?php
$the_query = new WP_Query(array(
'post_type' => 'testimonial',
'posts_per_page' => 3,
'offset' => 1
));

while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="carousel-item">
<div class="row">
<div class="col-md-12">
<h2 class="carousel-title">Our Patients Say</h2>
<?php the_excerpt(); ?>
<h4 class="author">
<?php the_title(); ?>
</h4>
</div>
</div><!--row-->
</div><!--item-active-->
<?php endwhile; wp_reset_postdata(); ?>

</div>

<div class="carousel-control-wrapper">
<a class="carousel-control-prev" data-target="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" data-target="#myCarousel" role="button" data-slide="next">
<i class="fas fa-chevron-right"></i>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>

<?php
}
add_shortcode('testimonial-carousel', 'post_carousel_loop');

?>
About Gabor Flamich
