D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home3
/
encodto1
/
universalhomedecor.in
/
Filename :
product-details.php
back
Copy
<?php session_start(); require('admin/config.php'); // Ensure product ID is provided in URL if (!isset($_GET['id'])) { echo '<script>window.location.href = "index.php";</script>'; exit; } $productId = $_GET['id']; // Fetch product details from database $query = "SELECT * FROM `products` WHERE `id` = $productId"; $result = mysqli_query($conn, $query); if (!$result || mysqli_num_rows($result) == 0) { echo "No products found."; exit; } // Fetch product details $product = mysqli_fetch_assoc($result); $image = $product['image']; $img2 = $product['img2']; $img3 = $product['img3']; $img4 = $product['img4']; $n = $product['name']; $p = $product['price']; $d = $product['description']; $sd = $product['short_desc']; ?> <!DOCTYPE HTML> <html lang="en-US"> <head> <title>Product Details - UHD</title> <?php require('style.php'); ?> <style> .pro-image { text-align: center; /* Center align the image */ margin-left: 3rem; /* Margin from the left */ } .pro-image img { max-width: 100%; max-height: 300px; /* Limit height to maintain aspect ratio */ display: inline-block; /* Ensure inline block display */ border-radius: 15px; /* Rounded corners */ object-fit: contain; /* Prevent stretching, fit within container */ } .additional-images { margin-top: 20px; /* Adjust margin as needed */ text-align: center; /* Center align the additional images */ } .thumbnail-small { width: 50px; height: 50px; cursor: pointer; margin: 0 10px; /* Adjust spacing between images */ } .tab-content { width: 70%; margin: 0 auto; } </style> </head> <body class="common-home Fauteuil"> <!-- HEADER DEFAULT MENU AREA --> <?php require('header.php'); ?> <!-- breadcrumb --> <div class="breadcrumb-main"> <div class="container"> <div class="breadcrumb-container"> <h2 class="page-title">Product Details</h2> <ul class="breadcrumb"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item"><a href="#">Product Details</a></li> </ul> </div> </div> </div> <div id="product-product" class="container"> <div class="row"> <div id="content" class="col-sm-12"> <div class="pro-deatil product-content"> <div class="row"> <div class="col-sm-6 product-left"> <div class="thumbnails"> <div class="pro-image"> <a class="thumbnail" href="admin/uploads/<?php echo $image; ?>"> <img src="admin/uploads/<?php echo $image; ?>" title="<?php echo $n; ?>" id="prozoom" alt="<?php echo $n; ?>" class="w-100" data-zoom-image="admin/uploads/<?php echo $image; ?>"> </a> </div> <div class="additional-images"> <?php if (!empty($img2)) { ?> <img src="admin/uploads/<?php echo $img2; ?>" class="thumbnail-small" onclick="changeImage('admin/uploads/<?php echo $img2; ?>')" alt="Additional Image 1"> <?php } ?> <?php if (!empty($img3)) { ?> <img src="admin/uploads/<?php echo $img3; ?>" class="thumbnail-small" onclick="changeImage('admin/uploads/<?php echo $img3; ?>')" alt="Additional Image 2"> <?php } ?> <?php if (!empty($img4)) { ?> <img src="admin/uploads/<?php echo $img4; ?>" class="thumbnail-small" onclick="changeImage('admin/uploads/<?php echo $img4; ?>')" alt="Additional Image 3"> <?php } ?> </div> </div> </div> <div class="col-sm-6 product-right"> <h1><?php echo $n; ?></h1> <hr> <h3><span>Price:</span></h3> <h6><?php echo $p; ?></h6> <hr> <h5><span>Description:</span></h5> <p><?php echo $sd; ?></p> <hr> <div id="product" class="product-option"> <div class="form-group required"> <label class="control-label" for="input-option226">Select</label> </div> <div class="form-group"> <div class="quantity-addcart"> <div class="proquantity-detail"> <label class="control-label quantity-label" for="input-quantity">Qty</label> <div class="product-btn-quantity"> <button class="minus"><i class="fa fa-minus"></i></button> <input type="text" name="quantity" value="1" size="2" id="input-quantity" class="form-control"> <button class="plus"><i class="fa fa-plus"></i></button> </div> </div> <input type="hidden" name="product_id" value="<?php echo $productId; ?>"> <div class="pro-cart"> <a href="getquote.php"> <button type="button" id="button-cart" data-loading-text="Loading..." class="btn btn-primary btn-lg btn-block"> <span>Get Quote</span> </button> </a> </div> </div> </div> </div> <hr> </div> </div> </div> <!-- Description and Review Tabs --> <div class="propage-tab mt-50"> <ul class="nav nav-tabs"> <li class="nav-item"><a href="#tab-description" data-bs-toggle="tab" class="nav-link active">Description</a></li> <!-- Remove the li for Reviews --> </ul> <div class="tab-content"> <div id="tab-description" class="tab-pane fade mb-4 show active"> <?php echo $d; ?> </div> <!-- Remove the entire div for Reviews --> </div> </div> </div> </div> </div> <!-- FOOTER AREA --> <?php require('footer.php'); ?> <a class="scrollToTop back-to-top" href="#" data-toggle="tooltip" title="" data-original-title="Top" style="display: block" data-bs-original-title=""> <i class="fa fa-angle-up"></i> </a> <!-- .FOOTER AREA --> <script> function changeImage(src) { document.getElementById('prozoom').src = src; document.getElementById('prozoom').setAttribute('data-zoom-image', src); } </script> </body> </html>