Reply To: Grid based layout and repeater help needed

• James

• August 4, 2016 at 2:47 pm

Hi @tombyrom

I think you can use the modulus operator and the get_row_index() function to check if it is the 4th column of the grid. It should be something like this:

<?php if( have_rows('factsheets') ): ?>

    <div> <!-- This is the opening -->

    <div class="vc_row wpb_row vc_row-fluid dt-default" style="margin-top: 0px; margin-bottom: 0px; min-height: 0px;">
        <?php while( have_rows('factsheets') ): the_row(); 

                    // vars
                    $factsheet_title = get_sub_field('factsheet_title');
                    $factsheet_pdf = get_sub_field('factsheet_pdf');
                    ?>
        
            <div class="wpb_column vc_column_container vc_col-sm-3">
                <div class="vc_column-inner ">
                    <div class="wpb_wrapper">
                        <a href="<?php echo $factsheet_pdf['url']; ?>"><img src="/pdf-logo.png" /></a>
                        <span><?php echo $factsheet_title; ?></span>
                    </div>
                </div>
            </div>
            
    <?php
    if( get_row_index() % 4 == 0  ){
        // Close the div and open it again
        echo "</div><div>";
    }
    ?>
            
        <?php endwhile; ?>
    </div>
    
    <div> <!-- This is the closing -->
    
<?php endif; ?>

I hope this helps 🙂