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