Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Cara menampilkan data menggunakan fungsi loop pada php
gan disini gw mau bertanya, gw punya case yang agak sedikit susah menurut gw disini gw ingin menampilkan data barang berulang - ulang menggunakan fungsi while pada php dengan tampilan seperti toko online bukalapak dan tokped yang setiap barisnya itu terdiri dari 4 kolom nah disini gw make bootstrap nah kebetulan data yang ingin gw tampilkan sebanyak 8 buah.
nah yang jadi permasalahanya datanya muncul cuman tampilannya yang kacau disini gw membagi kolom menjadi col-lg-3 pada setiap data nya. gw sudah coba mengakalinya dengan menambahkan float left pada setiap colnya dengan menambahkan class baru tapi hasilnya nihil. berikut script nya
ini script pengulangan nya. *jika kurang jelas pastekan script di text editor
function view_newproduct(){
global $link;
$query = "SELECT tb_barang.* , tb_jenis.`nama_jenis` , tb_kategori.`nama_kategori` FROM tb_barang
JOIN tb_jenis ON tb_barang.`id_jenis` = tb_jenis.`id_jenis`
JOIN tb_kategori ON tb_barang.`id_kategori` = tb_kategori.`id_kategori`
ORDER BY id_barang DESC LIMIT 4
";
if ($hasil = mysqli_query($link , $query) ){
while ($d = mysqli_fetch_assoc($hasil)) {
$viewdata = "
<div class='col-lg-3'>
<div class='sub-content-barang'>
<div class='row'>
<div class='sub-sub-content-br'>
<div class='col-lg-12'>
<div class='wh-img'>
<img src='".$d['img_barang']."'>
</div>
</div>
</div>
</div>
<div class='row'>
<div class='sub-sub-content-br'>
<div class='col-lg-12'>
<p class='nama-barang'>".$d['nama_barang']."</p>
</div>
</div>
</div>
<div class='row'>
<div class='sub-sub-content-br'>
<div class='col-lg-4'>
<p>Kategori:</p>
</div>
<div class='col-lg-8'>
<a class='btn-kategori' href='dashboard.php?nama_jenis=".$d['nama_jenis']."&nama_kategori=".$d['nama_kategori']."'>".$d['nama_kategori']."</a>
</div>
</div>
</div>
<div class='row'>
<div class='sub-sub-content-br'>
<div class='col-lg-12'>
<p class='txt-price'>Harga : ".$d['harga_barang']." IDR</p>
</div>
</div>
</div>
<div class='row'>
<div class='sub-sub-content-br'>
<div class='col-lg-12'>
<b><a class='btn-details' href='details.php?id_barang=".$d['id_barang']."'>Details</a></b>
</div>
</div>
</div>
</div>
</div>
";
echo $viewdata;
}
}
}
lalu ini pemanggilannya
<div class="bg-barang row">
<div class="barang">
<div class="col-lg-1"></div>
<div class="col-lg-10">
<div class="sub-barang">
<div class="row">
<div class="judul-barang">
<div class="col-lg-12">
<h2>Produk Terbaru</h2>
</div>
</div>
</div>
<div class="row">
<div class="content-barang">
<?php view_newproduct() ?>
</div>
</div>
<div class="row">
<div class="btn-barang">
<div class="col-lg-12">
<p><a href="#">Selengkapnya</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-1"></div>
</div>
</div>
mohon bantuannya gan gw stuck disini
1 Jawaban:
Biasakan setelah row langsung col-* , coba hapus div sebelum view_newproduct, kira-kira gimana hasilnya :-) Ada baiknya lagi gunakan macem-macem col biar responsive, misal col-xs-* col-sm-* col-md-* dan col-lg* , note : tanda * ganti angka :-)
<div class="row">
<?php view_newproduct() ?>
</div>