Select Page

ACF repeater + bootstrap + loop [image + lien + texte]

22 Fév 2021 | ACF, bootstrap, loop

Dans l’exemple suivant : le nom de repeater est section2v2

  • l’image porte l’ID image et nous allons chercher son url avec le while ave row puis un echo
  • les second champ porte l’ID titre  c’est un champ texte classique
  • le troisième champ est un lien son ID est lodge on va le chercher avec un echo

la fin du loop est après de endwhile

<?php if( have_rows('section2v2') ): ?>
    <div class="row">
        <?php  while( have_rows('section2v2') ) : the_row(); 
        $image = get_sub_field('image');
        $lodge = get_sub_field( 'lodge');
        ?>
        <div class="col-md-12 no-gutters over_block" style="background-image: url(<?php echo $image['url']; ?>)"> 
                        <h5> <?php the_sub_field('title'); ?></h5>
                <p><?php the_sub_field('text'); ?></p>
            <a href="<?php echo $lodge; ?>"><?php esc_html_e('voir plus','domaine_rampale')?></a>
                                
        </div><!--end col-->
                                  		
    <?php endwhile; ?>
    </div><!--end row-->
<?php endif; ?>