PHP loop need to create new div every 5 elements

Question

I've got a forech loop that displays 50 logos. But what I need is another loop that creates a new div(.autogrid_wrapper .cte .block) every 5 images.

    <div class="autogrid_wrapper cte block">
        <div class="inner">
            <?php foreach($this->entries as $entry): ?>
                <figure class="image_container">
                    <img src="<?php echo $entry->field('logo')->generate(); ?>" title="<?php echo $entry->field('name')->value(); ?>" alt="<?php echo $entry->field('name')->value(); ?>" >
                </figure>
            <?php endforeach; ?>
        </div>
</div>

I hope you guys can help me.

Yes, the div.inner should also be created new, with the div.autogrid_wrapper. — fr3d
– fr3d, Commented Apr 6, 2016 at 9:51

Sougata Bose · Accepted Answer · 2016-04-06 10:50:41Z

3

A simple counter could help -

<div class="autogrid_wrapper cte block">
    <div class="inner">
        <?php 
        $i = $j = $k = 0;
        foreach($this->entries as $entry): 
        $i++;
        $class = '';
        if($j === 0) {
            $class = 'first';
        }
        $j++;
        $html = '';
        if($i % 5 === 0) {
            $k++;
            $j = ($i - (5 * $k));
            $class = 'last';
            $html = "</div></div>
                 <div class='autogrid_wrapper cte block'><div class='inner'>";
        } 
        ?>
            <figure class="image_container <?php echo $class; ?>">
                <img src="<?php echo $entry->field('logo')->generate(); ?>" title="<?php echo $entry->field('name')->value(); ?>" alt="<?php echo $entry->field('name')->value(); ?>" >
            </figure>
        <?php 
        echo $html;
        endforeach; 
        ?>
    </div>
</div>

edited Apr 6, 2016 at 10:50

answered Apr 6, 2016 at 9:54

Sougata Bose

31.8k8 gold badges52 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

fr3d Over a year ago

Thanks a lot man. One little thing, is it possible to give the first figure.image_container the class .first and the last figure.image_container the class .last?

fr3d Over a year ago

Wow and how can I get the class .last on the last element of the 5 elements?

fr3d Over a year ago

When I pu if($i === 1) { $class = 'first'; } it works for the first 5 elements but not for the following.

fr3d Over a year ago

Now it works for the class .last but the class .first isn't displayed.

fr3d Over a year ago

Now the first 4 elements are always .first.^^

|

Collectives™ on Stack Overflow

PHP loop need to create new div every 5 elements

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related