Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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>