Insert Div Between ACF Repeater Field Row
The repeater field allows you to create a set of subfields which can be repeated again and again whilst editing content! here is the code for Insert div between ACF Repeater field row, means I need to insert a div after every 3rd row of repeater field.(loop repeater rows 3 in a div and then next 3 more in a div)
Like Below Code
<div class="row"> <div class="repeater-field-1 slideitem"></div> <div class="repeater-field-2 slideitem"></div> <div class="repeater-field-3 slideitem"></div> </div> <div class="row"> <div class="repeater-field-4 slideitem"></div> <div class="repeater-field-5 slideitem"></div> <div class="repeater-field-6 slideitem"></div> <div>
Here is the php code
<div class="row"> <?php if (have_rows('repeater_name')) { $count = 0; while (have_rows('repeater_name')) { if ($count > 0 && ($count % 3 == 0)) { // after first itteration // close li and open a new one every 3 rows ?> </div> <div class="row"> <?php } the_row(); ?> <div class="slideitem"><?php the_sub_field('repeater_content'); ?></div> <?php $count++; } } else { } ?> </div>