Php Ürün Slider'ında Aynı Ürünü Kopyalama Problemi
Merhaba arkadaşlar. Şöyle bir sorun var. İnternet üzerinden bir html tema aldım. Html, css ve javascript birleşimi. İçini php ile ben dolduruyorum. Şimdi, 1. ürünü ekliyorum, aynı ürün bir altına da kopyalanıyor. Altındaki ürün kısmını sildiğimde de tek sıra halinde gidiyor ve "br" ile de aşağıya inmiyor ürünler. Aşağıda çok boşluk kalıyor. Temayı yapan kişi aynı ürünü iki kere göstermek istemez, bir altına da ürün eklemesi yapılabilsin, der diye düşünüyorum. Css'ye müdahale edip ayarını da bozmak istemiyorum sitenin. Kodlar ve resim aşağıda. Bir bakabilir misiniz?
<div class="new-product-slider owl-carousel owl-nav-style">
<?php
$yenigelenurunekle_index_sorgusu = "SELECT * FROM yenigelenurunekle";
$yenigelenurunekle_index_sorgusu_query = mysqli_query($db, $yenigelenurunekle_index_sorgusu);
foreach($yenigelenurunekle_index_sorgusu_query as $yenigelenurunekle_index_goster) {
?>
<div class="product-inner-item">
<article class="list-product mb-30px">
<div class="img-block">
<a href="single-product.html" class="thumbnail">
<img class="first-img" src="images/yenigelenurunekle/<?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_resim']; ?>" alt="" />
</a>
<div class="quick-view">
<a class="quick_view" href="#" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="ion-ios-search-strong"></i>
</a>
</div>
</div>
<ul class="product-flag">
<li class="new">New</li>
</ul>
<div class="product-decs">
<a class="inner-link" href="shop-4-column.html"><span>STUDIO DESIGN</span></a>
<h2><a href="single-product.html" class="product-link"><?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_baslik']; ?></a></h2>
<div class="rating-product">
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
</div>
<div class="pricing-meta">
<ul>
<li class="old-price">€23.90</li>
<li class="current-price">€21.51</li>
<li class="discount-price">-10%</li>
</ul>
</div>
</div>
<div class="add-to-link">
<ul>
<li class="cart"><a class="cart-btn" href="#">ADD TO CART </a></li>
<li>
<a href="wishlist.html"><i class="ion-android-favorite-outline"></i></a>
</li>
<li>
<a href="compare.html"><i class="ion-ios-shuffle-strong"></i></a>
</li>
</ul>
</div>
</article>
<article class="list-product">
<div class="img-block">
<a href="single-product.html" class="thumbnail">
<img class="first-img" src="images/yenigelenurunekle/<?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_resim']; ?>" alt="" />
</a>
<div class="quick-view">
<a class="quick_view" href="#" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="ion-ios-search-strong"></i>
</a>
</div>
</div>
<ul class="product-flag">
<li class="new">New</li>
</ul>
<div class="product-decs">
<a class="inner-link" href="shop-4-column.html"><span>STUDIO DESIGN</span></a>
<h2><a href="single-product.html" class="product-link"><?php echo $yenigelenurunekle_index_goster['yenigelenurunekle_baslik']; ?></a></h2>
<div class="rating-product">
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
</div>
<div class="pricing-meta">
<ul>
<li class="old-price">€35.90</li>
<li class="current-price">€34.11</li>
<li class="discount-price">-5%</li>
</ul>
</div>
</div>
<div class="add-to-link">
<ul>
<li class="cart"><a class="cart-btn" href="#">ADD TO CART </a></li>
<li>
<a href="wishlist.html"><i class="ion-android-favorite-outline"></i></a>
</li>
<li>
<a href="compare.html"><i class="ion-ios-shuffle-strong"></i></a>
</li>
</ul>
</div>
</article>
</div>
<?php } ?>
</div>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
Dediğinizi yaptım ama tek sıra şeklinde ilerliyor aşağıya inmiyor ürünler.
İki ürünü birden foreach döngüsüne sokmuşsunuz. <article>'lardan sadece birini döngüye sokmalısınız. Ama ilk ürünün görünümü farklı olduğu için ya ilk ürünü döngüye almayacaksınız ya da döngüde kontrol edip farkı ekleyeceksiniz. Aynı şekilde mesela her iki üründen birinin <article> elementindeki class'ında farklılık varsa bunu da döngü içinde PHP ile kontrol edip farklı eklemelisiniz.
<?php
$yenigelenurunekle_index_sorgusu = "SELECT * FROM yenigelenurunekle";
$yenigelenurunekle_index_sorgusu_query = mysqli_query($db, $yenigelenurunekle_index_sorgusu);
?>
<div class="new-product-slider owl-carousel owl-nav-style">
<?php foreach($yenigelenurunekle_index_sorgusu_query as $yenigelenurunekle_index_goster) { ?>
<?php
$resim = 'images/yenigelenurunekle/'.$yenigelenurunekle_index_goster['yenigelenurunekle_resim'];
$baslik = $yenigelenurunekle_index_goster['yenigelenurunekle_baslik'];
?>
<div class="product-inner-item">
<article class="list-product">
<div class="img-block">
<a href="single-product.html" class="thumbnail">
<img class="first-img" src="<?=$resim?>" alt="" />
</a>
<div class="quick-view">
<a class="quick_view" href="#" data-link-action="quickview" title="Quick view" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="ion-ios-search-strong"></i>
</a>
</div>
</div>
<ul class="product-flag">
<li class="new">New</li>
</ul>
<div class="product-decs">
<a class="inner-link" href="shop-4-column.html"><span>STUDIO DESIGN</span></a>
<h2><a href="single-product.html" class="product-link"><?=$baslik?></a></h2>
<div class="rating-product">
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
<i class="ion-android-star"></i>
</div>
<div class="pricing-meta">
<ul>
<li class="old-price">€23.90</li>
<li class="current-price">€21.51</li>
<li class="discount-price">-10%</li>
</ul>
</div>
</div>
<div class="add-to-link">
<ul>
<li class="cart"><a class="cart-btn" href="#">ADD TO CART</a></li>
<li>
<a href="wishlist.html"><i class="ion-android-favorite-outline"></i></a>
</li>
<li>
<a href="compare.html"><i class="ion-ios-shuffle-strong"></i></a>
</li>
</ul>
</div>
</article>
</div>
<?php } ?>
</div>