ok
Mini Shell
<?php include "header.php";
$product_id = $_GET['product'];
$query = $pdo->prepare("SELECT products.*,product_variant.measurement,product_variant.price,product_variant.stock,product_variant.discounted_price,product_variant.serve_for,product_variant.stock,product_variant.sku FROM `products` LEFT JOIN product_variant ON products.id=product_variant.product_id WHERE products.id=".$product_id);
$query->execute();
$result = $query->fetchAll(PDO::FETCH_ASSOC);
$query = $pdo->prepare("SELECT products.*,product_variant.measurement,product_variant.price,product_variant.stock,product_variant.discounted_price,product_variant.serve_for,product_variant.stock,product_variant.sku FROM `products` LEFT JOIN product_variant ON products.id=product_variant.product_id");
$query->execute();
$result_pro = $query->fetchAll(PDO::FETCH_ASSOC);
?>
<style>
.minipopup-area{
display: none;
}
.category-dropdown.fixed .dropdown-box{
display: none;
}
</style>
<main class="main single-product">
<div class="page-content mb-8">
<div class="container">
<div class="product-navigation">
<ul class="breadcrumb breadcrumb-lg">
<li>
<a href="index.php">
<i class="d-icon-home"></i>
</a>
</li>
<li>
<a href="#" class="active">Products</a>
</li>
<li>Detail</li>
</ul>
</div>
<div class="row gutter-lg">
<aside class="col-lg-3 right-sidebar sidebar-fixed sticky-sidebar-wrapper">
<div class="sidebar-overlay">
<a class="sidebar-close" href="#">
<i class="d-icon-times"></i>
</a>
</div>
<a href="#" class="sidebar-toggle">
<i class="fas fa-chevron-left"></i>
</a>
<div class="sidebar-content">
<div class="sticky-sidebar">
<div class="service-list mb-4">
<div class="icon-box icon-box-side icon-box3">
<span class="icon-box-icon mr-lg-4 mb-lg-4 mb-0">
<i class="d-icon-secure"></i>
</span>
<div class="icon-box-content">
<h4 class="icon-box-title ls-m">Secured Payment</h4>
<p class="ls-m">We ensure secure payment!</p>
</div>
</div>
<div class="icon-box icon-box-side icon-box1">
<span class="icon-box-icon mr-lg-4 mb-lg-4 mb-0">
<i class="d-icon-truck"></i>
</span>
<div class="icon-box-content">
<h4 class="icon-box-title ls-m">Free Shipping</h4>
<p class="ls-m">On all US orders above ₹99</p>
</div>
</div>
<div class="icon-box icon-box-side icon-box2">
<span class="icon-box-icon mr-lg-4 mb-lg-4 mb-0">
<i class="d-icon-money"></i>
</span>
<div class="icon-box-content">
<h4 class="icon-box-title ls-m">Money Back guarantee</h4>
<p class="ls-m">Any back within 30 days</p>
</div>
</div>
</div>
<div class="banner banner-fixed mb-6">
<figure>
<img src="images/new-product-detail/dc-drone-f.jpg" alt="banner" width="280" height="320">
</figure>
<div class="banner-content text-center">
<h5 class="banner-subtitle ls-l text-uppercase mb-0">DJI DC Motor</h5>
<h3 class="banner-title ls-s text-uppercase mb-0">New Trend 2023</h3>
</div>
</div>
<div class="widget widget-products">
<h4 class="widget-title border-no">Our Featured</h4>
<div class="widget-body">
<div class="owl-carousel owl-nav-top" data-owl-options="{
'items': 1,
'loop': true,
'nav': true,
'dots': false,
'margin': 20 }">
<div class="products-col">
<?php
foreach ($result_pro as $row_result){
?>
<div class="product product-list-sm">
<figure class="product-media">
<a href="product.php?product=<?=$product_id?>">
<img src="admin/<?=$row_result['image']?>" alt="product" width="100" height="100">
</a>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product.php?product=<?=$product_id?>">R<?=$row_result['name']?></a>
</h3>
<div class="product-price">
<span class="price">₹<?=$row_result['price']?></span>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
</div>
</aside>
<div class="col-lg-9">
<?php
foreach ($result as $row_product){
?>
<?php
// echo '<pre>';
// print_r($row_product);
// echo '</pre>';
?>
<?php
$other_images = json_decode($row_product['other_images']);
foreach ($other_images as $img){
//echo "$img";
}
//print_r($other_images);
?>
<div class="product product-single row mb-10">
<div class="col-md-6">
<div class="product-gallery">
<div class="">
<!--admin/upload/images/8019-2023-10-09.jpg-->
<figure >
<img src="admin/<?=$row_product['image']?>" id="parent" alt="Blue Pinafore Denim Dress" width="800" height="900">
</figure>
</div>
<div class="product-thumbs-wrap">
<div class="product-thumbs">
<?php
foreach ($other_images as $other_img){
$url= "admin/".$other_img
?>
<div class="product-thumb active" onclick="changed('<?=$url?>')">
<img src="admin/<?=$other_img?>" alt="product thumbnail" width="109" height="122">
</div>
<?php } ?>
</div>
<button class="thumb-up disabled">
<i class="fas fa-chevron-left"></i>
</button>
<button class="thumb-down disabled">
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="product-details">
<h1 class="product-name"><?=$row_product['name']?></h1>
<div class="product-meta" style="margin-bottom: 3px;">
<span style="font-size: 13px;color: black;font-weight: 600;">SKU:</span> <span class="product-sku" style="color: #05b895;font-size: 13px;"><?=$row_product['sku']?></span>
</div>
<div class="product-meta" style="margin-bottom: 3px;">
<span style="font-size: 13px;color: black;font-weight: 600;">Manufacturer :</span> <span class="product-sku" style="color: #05b895;font-size: 13px;"><?=$row_product['made_in']?></span>
</div>
<div class="product-meta" style="margin-bottom: 3px;">
<span style="font-size: 13px;color: black;font-weight: 600;">Availability :</span> <span class="product-sku" style="color: #05b895;font-size: 13px;"><?=$row_product['serve_for']?></span>
</div>
<div class="product-meta" style="margin-bottom: 3px;">
<span style="font-size: 13px;color: black;font-weight: 600;">Pcs :</span> <span class="product-sku" style="color: #05b895;font-size: 13px;"><?=$row_product['measurement']?></span>
</div>
<div class="product-meta" style="margin-bottom: 3px;">
<span style="font-size: 13px;color: black;font-weight: 600;">Stock :</span> <span class="product-sku" style="color: #05b895;font-size: 13px;"><?=$row_product['stock']?></span>
</div>
<div class="product-price total-Product-Price">
<i class="bi bi-currency-rupee"></i>
<?=$row_product['price']?>
</div>
<h4>Product Details:</h4>
<p class="product-short-desc">
<?=$row_product['product_details']?>
<input value="<?= $row_product['price'] ?>" id="price" type="hidden" >
</p>
<hr class="product-divider">
<div class="product-form product-qty">
<!--<label>QTY:</label>-->
<div class="product-form-group">
<div class="input-group">
<button class="quantity-minus d-icon-minus" OnClick="grand_total()" ></button>
<input id="quantity_<?=$product_id?>" class="quantity form-control" value="1" type="number" min="1" max="<?= $result[0]['stock'] ?>" readonly>
<button class="quantity-plus d-icon-plus" OnClick="grand_total()" ></button>
</div>
<?php
$statementp=$pdo->prepare("SELECT * FROM `cart` where product_id=? and user_id=?");
$statementp->execute(array($product_id,$_SESSION['caliber']['id']));
$totalp=$statementp->rowCount();
$resultp=$statementp->fetchAll(PDO::FETCH_ASSOC);
if($totalp==1)
{
?>
<span class="btn-product btn-cart" style="color: green;">Added</span>
<?php }
else{
?>
<span id="items_<?= $result[0]['id'] ?>" class="btn-product btn-cart" onclick="Quick_AddToCart(<?= $result[0]['id'] ?>)">
<i class="d-icon-bag"></i>Add To Cart
</span>
<?php } ?>
</div>
</div>
<hr class="product-divider mb-3">
</div>
</div>
</div>
<div class="tab tab-nav-simple product-tabs mt-2 mb-4">
<ul class="nav nav-tabs justify-content-center" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#product-tab-description">Description</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#product-tab-additional">Specification</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#product-tab-reviews">Warranty</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active in" id="product-tab-description">
<div class="row mt-6">
<div class="mb-4">
<!--<h5 class="description-title mb-4 font-weight-semi-bold ls-m"> Features</h5>-->
<ul class="list-none">
<?=nl2br($row_product['description'])?>
</ul>
</div>
</div>
</div>
<div class="tab-pane" id="product-tab-additional">
<ul class="list-none">
<?=nl2br($row_product['shipping_delivery'])?>
</ul>
</div>
<div class="tab-pane " id="product-tab-reviews">
<div class="row">
<div class="col-12 comments pt-2 pb-10 border-no">
<?=$row_product['warranty']?>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
<section class="product-wrapper mb-4">
<h2 class="title mb-0 d-block text-center">Related Products </h2>
<div class="owl-carousel owl-theme owl-nav-full owl-split row cols-2 cols-md-3 cols-lg-4 gutter-xs" data-owl-options="{
'items': 5,
'nav': true,
'loop': false,
'dots': false,
'margin': 1,
'responsive': {
'0': {
'items': 2
},
'768': {
'items': 3
},
'992': {
'items': 4
}
}
}">
<div class="product text-center">
<?php
$statement = $pdo->prepare("SELECT * FROM products WHERE category_id=? AND id=?");
$statement->execute($result[0]['category_id'],$product_id);
$related = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach($related as $related_products){
?>
<figure class="product-media">
<a href="product1.php">
<img src="admin/<?=$related_products['image']?>" alt="product" width="220" height="206">
</a>
<div class="product-action-vertical">
<a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal" title="Add to cart">
<i class="d-icon-bag"></i>
</a>
<a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist">
<i class="d-icon-heart"></i>
</a>
</div>
<div class="product-action">
<a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
</div>
</figure>
<div class="product-details">
<h3 class="product-name">
<a href="product1.php">Raspberry PI 3 Model B+ Basic Kit</a>
</h3>
<div class="product-price">
<ins class="new-price">₹199.00</ins>
<del class="old-price">₹210.00</del>
</div>
<div class="ratings-container">
<div class="ratings-full">
<span class="ratings" style="width:100%"></span>
<span class="tooltiptext tooltip-top"></span>
</div>
<a href="product1.php" class="rating-reviews">( 6 reviews )</a>
</div>
</div>
</div>
<?php } ?>
</div>
</section>
</div>
</div>
</div>
</div>
</main>
<?php include "footer.php"; ?>
<script>
$(document).ready(function(){
grand_total();
$("#quantity").keyup(function(){
grand_total();
});
});
function grand_total(){
$(".total-Product-Price").empty();
var price = $("#price").val();
var qty = $(".quantity").val();
$(".total-Product-Price").text(qty * price);
};
function changed(id){
$("#parent").attr("src", id);
$('#parent').attr('data-zoom-image', id);
}
</script>
Zerion Mini Shell 1.0