Merhabalar, içinden çıkamadığım bir sorun yaşıyorum. baya araştırmalar ve testler sonucun da buraya gelmekte buldum çareyi.
basit bir e-ticaret sitesi hazırlamaya çalışıyorum. Html temayı dinamik hale getirirken aşağıda belirttiğim sorunla karşılaşıyorum.
Yaşadığım sorun şu:
table_row classını ürünlerin başına koymam gerekiyor ve table_row classının içine en fazla 4 div atayıp </div> etiketiyle kapatmam gerekiyor. ürünler 4 ve katları şeklinde sabit olmuyor. aşağıda verdiğim örnekte toplamda 6 ürün var bunu dinamik hale nasıl getirebiliriz? table_row classının altındaki ürünleri for döngüsüyle çekmekteyim. umarım anlatabilmişimdir sorunumu. teşekkürler.
<div class="table_row">
<div>ürün-1</div>
<div>ürün-2</div>
<div>ürün-3</div>
<div>ürün-4</div>
</div> <div class="table_row">
<div>ürün-5</div>
<div>ürün-6</div>
</div>
Çözümü sağolsun arkadaş yapmış ancak aklınızda olsun diye ayrı bir tavsiyede de ben bulunayım.
Eğer Bootstrap gibi framework kullanacak olursanız 12 sütun genişliğindeki alanda her ürünü 3 sütun olarak tanımlarsanız hiç bir IF kontrolü yapmadan 5. ürün direkt alt satıra kayacaktır.