Testimonial carousel | Wordpress | ACF | Bootstrap

testimonial_carousel.php

<?php
if( have_rows('testimonials') ):
    echo '<div id="testimonials" class="carousel slide" data-ride="carousel" data-pause="false">';
    echo '<div class="carousel-inner">';
    $count = 1;
    while( have_rows('testimonials') ): the_row();
        $testimonial = get_sub_field('testimonial_text');
        $author = get_sub_field('testimonial_author');
        echo '<div class="carousel-item text-center py-5';
    		if ( $count == 1 ) {
    			echo ' active'; // Add the active class to the first row
    		}
    		echo '">' . PHP_EOL;
        echo '<blockquote class="w-50 mx-auto my-0 py-5">';
        echo '<p class="h1 mb-5">&ldquo;' . $testimonial . '&rdquo;</p>';
        if ( $author ) {
            $role = get_sub_field('testimonial_role');
            echo '<hr>';
            echo '<footer><cite>' . $author;
            if ( $role ) {
                echo '<br>' . $role;
            }
            echo '</cite></footer>';
        }
        echo '</blockquote>';
        echo '</div>'; // Close .carousel-item
        $count++; // So we can establish the first post and attach the mandatory active class
    endwhile;
    echo '</div>'; // Close .carousel-inner
    echo '</div>'; // Close .carousel
endif;
?>

A testimonial slider using Wordpress, ACF and Bootstrap

We use an Advanced Custom Fields Repeater named testimonials, with sub fields of testimonial_text, testimonial_author, testimonial_role.

A note; applying bootstrap padding to carousel-inner results in a vertical shift on the slide and is best avoided.