Question

I have product list ( 9 products in multidimensional array ), i want to achieve that all 9 product will be ordered in 3 div columns.
for example

 product1       product4       product7
 product2       product5       product8
 product3       product6       product9

And my array structure is

array(
  array(product_name1),
  array(product_name2),
  array(product_name3),
  array(produ‌​ct_name4),
  array(product_name5)
)

i have html code how this must look like

<div class="container">
<div class="prod-column">
    <div class="product-slot">
        product1
    </div>
    <div class="product-slot">
        product2
    </div>
    <div class="product-slot">
        product3
    </div>
</div> <!-- close column -->
<div class="prod-column">
    <div class="product-slot">
        product4
    </div>
    <div class="product-slot">
        product5
    </div>
    <div class="product-slot">
        product6
    </div>
</div> <!-- close column -->
<div class="prod-column">
    <div class="product-slot">
        product7
    </div>
    <div class="product-slot">
        product8
    </div>
    <div class="product-slot">
        product9
    </div>
</div> <!-- close column -->
</div> <!-- close container -->

Also i find code on Answered here

but in my case i’ve got blank row at end, i can’t find a reason why i’ve got this empty prod-column at end

Thanks for help in advance

Answer 1

Try this. Assumes your product name is the first element of an indexed array – if it isn’t, modify $array[$i][0] appropriately. Also assumes you have a number of products divisible by three (which presumably wont always be the case) so it doesn’t generate empty filler fields, but hopefully it will give you the idea.

echo "<div class=\"container\">\n";

for ($i = 0, $j = 0; isset($array[$i]); $i++) {
  if ($j == 0) {
    echo "<div class=\"prod-column\">\n";
  }
  echo "    <div class=\"product-slot\">\n        {$array[$i][0]}\n    </div>\n";
  if ($j == 2) {
    echo "</div>\n";
    $j = 0;
  } else $j++;
}

echo "</div>";