добавить новый div и завершить div каждые 3 данных в codeigniter

Question

Я хочу, чтобы шаблон был чистым.каждый 3 div затем добавляет новый div и закрывает div.и зацикливание моих данных.

У меня проблема, когда данные зацикливаются, тогда шаблон поврежден ...

Вот мой запрос

<?php 
    $i = 1;
?>
<?php foreach ($produk as $i) : ?>
    <?php if ($i%3==0): ?>

        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic6.jpg" alt=""/>
                <h3>branded cargos<?= $i['harga'];?></h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>

    <?php else : ?>

        <div class="grids_of_3">
        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic4.jpg" alt=""/>
                <h3>branded bags<?= $i['harga'];?></h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>

        <div class="clear"></div>
    </div>



    <?php endif; ?>
<?php endforeach; ?>


    <div class="grids_of_3">

        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic4.jpg" alt=""/>
                <h3>branded bags</h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>

        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic5.jpg" alt=""/>
                <h3>ems women bag</h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>

        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic6.jpg" alt=""/>
                <h3>branded cargos</h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>

        <div class="clear"></div>
    </div>  

У меня есть шаблон, как выше, каждые 3 издобавьте и закройте div

, простой - это каждые 3 класса div, затем добавьте 1 новый div и закройте div

Answer 1

это даст вам необходимый код

$produk = array(1,2,3,4,5,6,7,8);
$length = sizeof($produk)

<div class="grids_of_3"> 
<?php foreach ($produk as $index => $i) { ?>

        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic6.jpg" alt=""/>
                <h3>branded cargos<?= $i['harga'];?> <?php echo $index ?></h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>
        <?php  if( ($index + 1) % 3 == 0  && ($index+1) != $length){ ?>
            <div class="clear"></div>
            </div><div class="grids_of_3">
       <?php  } else if(($index+1) == $length){ ?>
            </div>
       <?php } ?>

<?php } ?>

Код результата будет следующим:

<div class="grids_of_3">

        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic4.jpg" alt=""/>
                <h3>branded bags</h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>

        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic5.jpg" alt=""/>
                <h3>ems women bag</h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>

        <div class="grid1_of_3">
            <a href="details.html">
                <img src="images/pic6.jpg" alt=""/>
                <h3>branded cargos</h3>
                <div class="price">
                    <h4>$300<span>indulge</span></h4>
                </div>
                <span class="b_btm"></span>
            </a>
        </div>

        <div class="clear"></div>
    </div>  

Answer 2

Вы смешиваете индекс со значением в выражении foreach.Если у вас есть числовой индексированный массив (начиная с 0), вы используете:

foreach ($array as $index => $value)

, а затем проверяете каждый третий элемент с помощью:

if (($index + 1) % 3 === 0)