| Server IP : 147.79.69.218 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/fossilstyle.com/public_html/ |
Upload File : |
<?php
include('includes/config.php');
if (isset($_GET['id'])) {
$encoded_product_id = $_GET['id'];
$product_id = base64_decode($encoded_product_id); // Decode it back to the original ID
$query = "SELECT * FROM products WHERE id = ?";
if ($stmt = mysqli_prepare($con, $query)) {
mysqli_stmt_bind_param($stmt, 'i', $product_id);
mysqli_stmt_execute($stmt);
$result = mysqli_stmt_get_result($stmt);
if (mysqli_num_rows($result) > 0) {
$product = mysqli_fetch_assoc($result);
$productName = htmlspecialchars($product['productName'], ENT_QUOTES, 'UTF-8');
$productPrice = $product['price'];
$productDescription = $product['productDescription'];
$productImages = explode(',', $product['productImage']);
} else {
echo "Product not found.";
exit;
}
} else {
echo "Error preparing query.";
exit;
}
} else {
echo "Product ID not provided.";
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fossil Styles</title>
<?php include 'assets.php'; ?>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
</head>
<body>
<?php include 'header.php'; ?>
<section class="breadcrumb-section pt-0">
<div class="container-fluid-lg">
<div class="row">
<div class="col-12">
<div class="breadcrumb-contain">
<h2><?php echo $productName; ?></h2>
<nav>
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item">
<a href="index.html">
<i class="fa-solid fa-house"></i>
</a>
</li>
<li class="breadcrumb-item active"><?php echo $productName; ?></li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</section>
<section class="product-section">
<div class="container-fluid-lg">
<div class="row">
<div class="col-xxl-9 col-xl-8 col-lg-7 wow fadeInUp">
<div class="row g-4">
<div class="col-xl-6 wow fadeInUp">
<div class="product-left-box">
<div class="row g-sm-4 g-2">
<div class="col-12">
<div class="product-main no-arrow">
<?php foreach ($productImages as $index => $image): ?>
<?php $imageSrc = 'product-admin/' . trim($image); ?>
<div>
<div class="slider-image">
<img
src="<?= htmlspecialchars($imageSrc) ?>"
id="img-<?= $index ?>"
data-zoom-image="<?= htmlspecialchars($imageSrc) ?>"
class="product-details-images image_zoom_cls-<?= $index ?> img-fluid blur-up lazyload"
alt="Product Image <?= $index + 1 ?>">
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<!-- Thumbnail Slider -->
<div class="col-12">
<div class="left-slider-image left-slider no-arrow slick-top">
<?php foreach ($productImages as $index => $image): ?>
<?php $imageSrc = 'product-admin/' . trim($image); ?>
<div>
<div class="sidebar-image">
<img
src="<?= htmlspecialchars($imageSrc) ?>"
class="product-thumbnail img-fluid blur-up lazyload"
alt="Thumbnail <?= $index + 1 ?>">
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 wow fadeInUp">
<div class="right-box-contain">
<h2 class="name"><?php echo $productName; ?></h2>
<div class="price-rating">
<h3 class="theme-color price"><?php echo '₹' . number_format($productPrice, 2); ?> <del class="text-content"><?php echo '₹' . number_format($productPrice + 399, 2); ?> </del> </h3>
</div>
<div class="product-contain">
<p class="w-100">Our products are made with premium-quality materials for lasting durability.
We offer modern designs backed by cutting-edge manufacturing technology.
Each item is rigorously quality-checked for flawless finish and strength.
Competitive pricing and timely delivery make us a preferred market choice.</p>
</div>
<form action="cart.php?id=<?php echo $product_id; ?>" method="POST">
<div class="note-box product-package">
<div class="cart_qty qty-box product-qty">
<div class="input-group">
<button type="button" class="qty-left-minus" data-type="minus" data-field="quantity">
<i class="fa fa-minus"></i>
</button>
<input class="form-control input-number qty-input" type="text" name="quantity" value="1">
<button type="button" class="qty-right-plus" data-type="plus" data-field="quantity">
<i class="fa fa-plus"></i>
</button>
</div>
</div>
<button type="submit" name="add_to_cart" class="btn btn-md bg-dark cart-button text-white w-100">Add to Cart</button>
</div>
</form>
<div class="pickup-box">
<div class="product-title">
<h4>Store Information</h4>
</div>
<div class="pickup-detail">
<h4 class="text-content w-100">Fossil Style is a leading manufacturer specializing in a diverse range of products, including Hang Tags and Sublimation Tiles. Committed to excellence, we craft these products using high-quality raw materials sourced from trusted vendors.</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-lg-5 d-none d-lg-block wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
<div class="right-sidebar-box">
<div class="vendor-box">
<div class="vendor-list">
<ul>
<li class="right-sign">FSSC 22000 certified</li>
<li class="right-sign">SAFE SHOPPING</li>
<li class="right-sign">GST INPUT</li>
<li class="right-sign">LEAD FREE</li>
<li class="right-sign">FAST DESPATCH</li>
<li class="right-sign">CONSISTENT QUALITY</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container-fluid-lg">
<div class="row">
<div class="col-12">
<div class="product-section-box m-0">
<ul class="nav nav-tabs custom-nav" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="description-tab" data-bs-toggle="tab" data-bs-target="#description" type="button" role="tab">Description</button>
</li>
</ul>
<div class="tab-content custom-tab" id="myTabContent">
<div class="tab-pane fade show active" id="description" role="tabpanel">
<div class="product-description">
<div class="nav-desh">
<p class="w-100"><?php echo $productDescription; ?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript">
$(document).ready(function() {
$('.product-main').slick({
dots: true,
arrows: false,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear'
});
$('.left-slider-image').slick({
slidesToShow: 4,
slidesToScroll: 1,
arrows: true,
focusOnSelect: true
});
});
</script>
<?php include 'footer.php'; ?>