<?php
if(!empty(get_field('benefits_icon_1')) &
!empty(get_field('benefits_title_1')) &
!empty(get_field('benefits_desc_1'))):
?>
<div class="carousel slide" data-ride="carousel" data-interval="9000" id="benefitssolcarousel">
<div class="carousel-inner w-100 mx-auto" role="listbox">
<?php
if(!empty(get_field('benefits_icon_1')) &
!empty(get_field('benefits_title_1')) &
!empty(get_field('benefits_desc_1'))):
?>
<div class="carousel-item col-lg-3 text-center center">
<div class="col row">
<div class="card mb-4 box-shadow same-box-height">
<?php
$image = get_field('benefits_icon_1');
if( !empty($image) ): ?>
<img class="" src="<?php echo $image; ?>" alt="<?php echo get_the_title(get_field('benefits_icon_1')) ?>">
<?php endif; ?>
<div class="card-body">
<h5 class="text-center"><?php echo get_field('benefits_title_1');?> </h5>
<p class="card-text text-center"><?php echo get_field('benefits_desc_1');?></p>
</div>
</div>
</div>
</div>
<?php endif;?>
<?php
if(!empty(get_field('benefits_icon_2')) &
!empty(get_field('benefits_title_2')) &
!empty(get_field('benefits_desc_2'))):
?>
<div class="carousel-item col-lg-3 text-center center">
<div class="col row">
<div class="card mb-4 box-shadow same-box-height">
<?php
$image = get_field('benefits_icon_2');
if( !empty($image) ): ?>
<img class="" src="<?php echo $image; ?>" alt="<?php echo get_the_title(get_field('benefits_icon_2')) ?>">
<?php endif; ?>
<div class="card-body">
<h5 class="text-center"><?php echo get_field('benefits_title_2');?> </h5>
<p class="card-text text-center"><?php echo get_field('benefits_desc_2');?></p>
</div>
</div>
</div>
</div>
<?php endif;?>
<?php
if(!empty(get_field('benefits_icon_3')) &
!empty(get_field('benefits_title_3')) &
!empty(get_field('benefits_desc_3'))):
?>
<div class="carousel-item col-lg-3 text-center center">
<div class="col row">
<div class="card mb-4 box-shadow same-box-height">
<?php
$image = get_field('benefits_icon_3');
if( !empty($image) ): ?>
<img class="" src="<?php echo $image; ?>" alt="<?php echo get_the_title(get_field('benefits_icon_3')) ?>">
<?php endif; ?>
<div class="card-body">
<h5 class="text-center"><?php echo get_field('benefits_title_3');?> </h5>
<p class="card-text text-center"><?php echo get_field('benefits_desc_3');?></p>
</div>
</div>
</div>
</div>
<?php endif;?>
<?php
if(!empty(get_field('benefits_icon_4')) &
!empty(get_field('benefits_title_4')) &
!empty(get_field('benefits_desc_4'))):
?>
<div class="carousel-item col-lg-3 text-center center">
<div class="col row">
<div class="card mb-4 box-shadow same-box-height">
<?php
$image = get_field('benefits_icon_4');
if( !empty($image) ): ?>
<img class="" src="<?php echo $image; ?>" alt="<?php echo get_the_title(get_field('benefits_icon_4')) ?>">
<?php endif; ?>
<div class="card-body">
<h5 class="text-center"><?php echo get_field('benefits_title_4');?> </h5>
<p class="card-text text-center"><?php echo get_field('benefits_desc_4');?></p>
</div>
</div>
</div>
</div>
<?php endif;?>
<?php
if(!empty(get_field('benefits_icon_5')) &
!empty(get_field('benefits_title_5')) &
!empty(get_field('benefits_desc_5'))):
?>
<div class="carousel-item col-lg-3 text-center center">
<div class="col row">
<div class="card mb-4 box-shadow same-box-height">
<?php
$image = get_field('benefits_icon_5');
if( !empty($image) ): ?>
<img class="" src="<?php echo $image; ?>" alt="<?php echo get_the_title(get_field('benefits_icon_5')) ?>">
<?php endif; ?>
<div class="card-body">
<h5 class="text-center"><?php echo get_field('benefits_title_5');?> </h5>
<p class="card-text text-center"><?php echo get_field('benefits_desc_5');?></p>
</div>
</div>
</div>
</div>
<?php endif;?>
<?php
if(!empty(get_field('benefits_icon_6')) &
!empty(get_field('benefits_title_6')) &
!empty(get_field('benefits_desc_6'))):
?>
<div class="carousel-item col-lg-3 text-center center">
<div class="col row">
<div class="card mb-4 box-shadow same-box-height">
<?php
$image = get_field('benefits_icon_6');
if( !empty($image) ): ?>
<img class="" src="<?php echo $image; ?>" alt="<?php echo get_the_title(get_field('benefits_icon_6')) ?>">
<?php endif; ?>
<div class="card-body">
<h5 class="text-center"><?php echo get_field('benefits_title_6');?> </h5>
<p class="card-text text-center"><?php echo get_field('benefits_desc_6');?></p>
</div>
</div>
</div>
</div>
<?php endif;?>
</div>
<a class="carousel-control-prev" href="#benefitssolcarousel" role="button" data-slide="prev">
<i class="fa fa-chevron-left fa-lg text-muted"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next text-faded" href="#benefitssolcarousel" role="button" data-slide="next">
<i class="fa fa-chevron-right fa-lg text-muted"></i>
<span class="sr-only">Next</span>
</a>
</div>
<?php endif; ?>
</div>
</div>
<?php endif; ?>description:
Display the Benefits section for each page, we set max 6 benefits to display