Mini Shell

<div class="shop-item-single bg py-120">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="item-gallery mb-5">
<div class="flexslider-thumbnails">
<ul class="slides">
<li data-thumb="resimler/<?=$urunler["resim"]?>" rel="adjustX:10, adjustY:">
<img src="resimler/<?=$urunler["resim"]?>" alt="#">
</li>

	<?php
									$imgcek = $db->query("select * from urun_img where urun_id='$id' and tur='urunler'")->fetchAll(PDO::FETCH_ASSOC);
									foreach($imgcek as $img){
									?>
<li data-thumb="resimler/<?=$img["img"]?>">
<img src="resimler/<?=$img["img"]?>" alt="#">

</li>
			<?php }?>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="single-item-info">
<h4 class="single-item-title"><?=$urunler["adi"]?></h4>
<div class="single-item-rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i> <?php
												$katid= $urunler['kategori'];
                                                $katadi = $db->query("select * from urun_kategori where id='$katid'")->fetch(PDO::FETCH_ASSOC);
												?>
<span class="rating-count"> ( <?=$katadi['adi']?> )</span>
</div>
<div class="single-item-price">
<h3><del><?=$urunler["indir"]?> </del><span><?=$urunler["fiyat"]?> TL</span></h3>
</div>
<p class="mb-4">
<?=$urunler["onaciklama"]?>
</p>
<div class="single-item-action">

<div class="item-single-btn-area">
<a href="https://api.whatsapp.com/send/?phone=<?=$iletisim["whatsapp"]?>" ><button class="theme-btn"><span class="far fa-shopping-cart"></span>Whatsapp Sipariş</button></a>

</div>
</div>

<hr>

</div>
</div>
</div>
<div class="single-item-details">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="nav-tab1" data-bs-toggle="tab" data-bs-target="#tab1" type="button" role="tab" aria-controls="tab1" aria-selected="true">Ürün Açıklaması</button>


</div>
</nav>
<div class="tab-content" id="nav-tabContent">

<div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="nav-tab1">
<div class="single-item-desc">
<?=$urunler["aciklama"]?>
</div>
</div>

<div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="nav-tab2">
<div class="single-additional-info">
<p>
There are many variations of passages of Lorem Ipsum available, but the majority
have suffered alteration in some form, by injected humour, or randomised words which
don't look even slightly believable. If you are going to use a passage of Lorem
Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of
text. All the Lorem Ipsum generators on the Internet tend to repeat predefined
chunks as necessary, making this the first true generator on the Internet.
</p>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam
voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur
magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est,
qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.
</p>
</div>
</div>

<div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="nav-tab3">
<div class="single-item-review blog-single">
<div class="blog-comments">
<h3>Reviews (05)</h3>
<div class="blog-comments-wrapper">
<div class="blog-comments-single">
<img src="assets/img/blog/com-1.jpg" alt="thumb">
<div class="blog-comments-content">
<h5>Jesse Sinkler</h5>
<span><i class="far fa-clock"></i> 02 Feb, 2024</span>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
<a href="#"><i class="far fa-reply"></i> Reply</a>
</div>
</div>
<div class="blog-comments-single">
<img src="assets/img/blog/com-2.jpg" alt="thumb">
<div class="blog-comments-content">
<h5>Daniel Wellman</h5>
<span><i class="far fa-clock"></i> 02 Feb, 2024</span>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
<a href="#"><i class="far fa-reply"></i> Reply</a>
</div>
</div>
<div class="blog-comments-single">
<img src="assets/img/blog/com-3.jpg" alt="thumb">
<div class="blog-comments-content">
<h5>Kenneth Evans</h5>
<span><i class="far fa-clock"></i> 02 Feb, 2024</span>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
<a href="#"><i class="far fa-reply"></i> Reply</a>
</div>
</div>
</div>
<div class="blog-comments-form">
<h3>Leave A Review</h3>
<form action="#">
<div class="row">
<div class="col-lg-4">
<div class="input-group">
<span class="input-group-text"><i class="far fa-user-tie"></i></span>
<input type="text" class="form-control" name="name" placeholder="Your Name*" required>
</div>
</div>
<div class="col-lg-4">
<div class="input-group">
<span class="input-group-text"><i class="far fa-envelope"></i></span>
<input type="email" class="form-control" name="email" placeholder="Your Email*" required>
</div>
</div>
<div class="col-lg-4">
<div class="input-group">
<span class="input-group-text"><i class="far fa-star"></i></span>
<select class="select form-select form-control">
<option value>Your Rating</option>
<option value="1">5 Stars</option>
<option value="2">4 Stars</option>
<option value="3">3 Stars</option>
<option value="4">2 Stars</option>
<option value="5">1 Star</option>
</select>
</div>
</div>
<div class="col-lg-12">
<div class="input-group textarea">
<span class="input-group-text"><i class="far fa-pen"></i></span>
<textarea name="message" cols="30" rows="5" class="form-control" placeholder="Your Review*"></textarea>
</div>
<button type="submit" class="theme-btn">Post Review <i class="far fa-paper-plane"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="related-item">
<div class="row">
<div class="col-12 mx-auto">
<div class="site-heading">
<h2 class="site-title">Benzer Ürünler</h2>
</div>
</div>
</div>
<div class="shop-item-wrapper">
<div class="row g-4 align-items-center">
 <?php
                $cek = $db->query("select*  from urunler where durum='0' and not id='$id' order by sira asc")->fetchAll(PDO::FETCH_ASSOC);
                foreach($cek as $goster){
                ?>
<div class="col-md-6 col-lg-3">
<div class="shop-item">
<div class="shop-item-img">
<img src="resimler/<?=$goster["resim"]?>" alt>
<div class="shop-item-meta">
<a href="#"><i class="far fa-heart"></i></a>
<a href="#"><i class="far fa-eye"></i></a>
<a href="<?=$goster["seo"]?>"><i class="far fa-shopping-cart"></i></a>
</div>
</div>
<div class="shop-item-info">
<div class="shop-item-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
<a href="<?=$goster["seo"]?>">
<h4 class="shop-item-title"><?=$goster["adi"]?></h4>
</a>
<div class="shop-item-price"><del><?=$goster["indir"]?></del><?=$goster["fiyat"]?> TL</div>
</div>
</div>
</div>

        <?php }?>

</div>
</div>
</div>
</div>
</div>