Criar nova linha em div

[clickanapolis 1]

Pessoa boa noite.

 

Tenho uma div assim:

 

<div class="grids_of_4">

<?php

$id = $_GET['id'];

$sql_categoria = mysqli_query($con, "select * from categoria where id_cat = '$id'");
$vetor_cat = mysqli_fetch_array($sql_categoria);

$sql_produtos = mysqli_query($con, "select * from produtos order by nome ASC");

while($vetor_produtos = mysqli_fetch_array($sql_produtos)) {

$sql_imagem = mysqli_query($con, "select * from imagem_produtos where id_produto = '$vetor_produtos[id_produto]' order by id_imagem ASC limit 0,1");
$vetor_imagem = mysqli_fetch_array($sql_imagem);

?>

		  <div class="grid1_of_4 simpleCart_shelfItem">
				<div class="content_box"><a href="produto.php?id_produto=<?php echo $vetor_produtos['id_produto']; ?>"> 
			   	  <div class="view view-fifth">
			   	   	 <img src="sistema/sistema/imagens/<?php echo $vetor_imagem['imagem']; ?>" class="img-responsive" alt=""/>
	
				   	  </a>
				   </div>
				    <h5><a href="produto.php?id_produto=<?php echo $vetor_produtos['id_produto']; ?>"> <?php echo $vetor_produtos['nome']; ?></a></h5>
				     <div class="size_1">
				     	<span class="item_price">R$<?php if($vetor_produtos['promocao'] == 2) { echo $num = number_format($vetor_produtos['valorpromocao'],2,',','.'); } else { echo $num = number_format($vetor_produtos['valorun'],2,',','.'); } ?></span>
		      		    <div class="clearfix"></div>
		      		  </div>
		      		  <div class="size_2">
		      		    <div class="size_2-left"> 
					       <img src="images/fundo.gif" width="20px">
					    </div>
			    	    <div class="size_2-right"><a href="AddProdCarrinho.php?add=<?php echo $vetor_produtos['id_produto']; ?>"><input type="button" class="item_add add3" value="" /></a></div>
			    	    <div class="clearfix"> </div>
			    	 </div>
			     </div>
               </div>
                 <?php } ?>
		</div>

Desse jeito a primeira linha que tem 4 produtos fica ok.

 

Mais a partir do 5 da erro.

 

eu precisaria a cada 4 produtos e tiver o 5 duplicar a div:

<div class="grids_of_4">

</div>

 

como eu faria isso?

[Massaki 47]

Coloca um contador simples.

1) Antes do WHILE ($vetor_produtos..) , crie um contador $c = 0;

2) Depois do WHILE ($vetor_produtos..), coloque $c++;

 

antes das chaves que encerra o WHILE, coloque:

if ($c == 4) {
	echo '</div><div class="grids_of_4">';
	$c = 0;
}

Assim, quando ele chegar na contagem 4, fecha a DIV e abre outra