Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja

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

avatar yogapermana
@yogapermana

39 Kontribusi 10 Poin

Diperbarui 6 tahun yang lalu

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>
avatar elmahbub
@elmahbub

13 Kontribusi 9 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban