<?php
include './class/include.php';
if (!isset($_SESSION)) {
session_start();
}
$id = '';
if (isset($_GET['id'])) {
$id = $_GET['id'];
}
$PRODUCT = new Product($id);
$PRODUCT_CATEGORY1 = new ProductCategory($PRODUCT->category);
$discount = $PRODUCT->price * $PRODUCT->discount / 100;
$price = $PRODUCT->price - $discount;
?>
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title><?= $PRODUCT->name; ?> || Pramudi Gems & Jewellery</title>
<meta name="robots" content="noindex, follow" />
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
<!-- CSS
============================================ -->
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,900" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<!-- Pe-icon-7-stroke CSS -->
<link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.css">
<!-- Font-awesome CSS -->
<link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
<!-- Slick slider css -->
<link rel="stylesheet" href="assets/css/plugins/slick.min.css">
<!-- animate css -->
<link rel="stylesheet" href="assets/css/plugins/animate.css">
<!-- Nice Select css -->
<link rel="stylesheet" href="assets/css/plugins/nice-select.css">
<!-- jquery UI css -->
<link rel="stylesheet" href="assets/css/plugins/jqueryui.min.css">
<!--sweet alert css -->
<link href="control-panel/plugins/sweetalert/sweetalert.css" rel="stylesheet" type="text/css" />
<!-- main style css -->
<link rel="stylesheet" href="assets/css/style.css">
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
</head>
<body>
<?php include './header.php'; ?>
<main>
<!-- breadcrumb area start -->
<div class="breadcrumb-area">
<div class="container">
<div class="row">
<div class="col-12">
<div class="breadcrumb-wrap">
<nav aria-label="breadcrumb">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="./" class="mobile-f-16"><i class="fa fa-home"></i> Home</a></li>
<li class="breadcrumb-item active banner-font"><a href="product-categories.php" class="mobile-f-16"><?= $PRODUCT_CATEGORY1->name; ?></a></li>
<li class="breadcrumb-item active banner-font mobile-f-16"><?= $PRODUCT->name; ?></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="shop-main-wrapper section-padding pb-0 mobile-section-index-about">
<div class="container">
<div class="row">
<div class="col-lg-12 order-1 order-lg-2">
<div class="product-details-inner">
<div class="row">
<div class="col-lg-6">
<div class="product-large-slider">
<?php
$photos = ProductPhoto::getProductPhotosById($id);
foreach ($photos as $photo) {
?>
<div class="pro-large-img img-zoom">
<img src="upload/product/gallery/<?= $photo['image_name'] ?>" alt="product-details" />
</div>
<?php
}
?>
</div>
<div class="pro-nav slick-row-10 slick-arrow-style">
<?php
$photos = ProductPhoto::getProductPhotosById($id);
foreach ($photos as $photo) {
?>
<div class="pro-nav-thumb">
<img src="upload/product/gallery/thumb/<?= $photo['image_name'] ?>" alt="product-details" />
</div>
<?php
}
?>
</div>
</div>
<div class="col-lg-6">
<div class="product-details-des">
<h2 class="view-p-title product-name"><?= $PRODUCT->name; ?></h2>
<h4 class="view-p-title product-price">
US $ <?= number_format($price, 2); ?>
<?php
if ($discount != 0) {
echo "<small class='discount_price'> US $ " . number_format($PRODUCT->price, 2) . "</small>";
}
?>
</h4>
<?= $PRODUCT->description; ?>
<div class="view_product_qty_section row">
<div class="col-md-3">
<div class="quantity_input quantity_boxed">
<form action="#">
<!-- <button type="button" class="input_number_decrement">–</button> -->
<input class="input_number form-control" type="number" value="1" id="quantity<?php echo $PRODUCT->id; ?>">
<!-- <button type="button" class="input_number_increment">+</button> -->
</form>
</div>
</div>
<div class="col-md-5">
<input type="hidden" id="name<?= $PRODUCT->id; ?>" value="<?= $PRODUCT->name; ?>" />
<input type="hidden" id="price<?= $PRODUCT->id; ?>" value="<?= $price; ?>" />
<input type="hidden" id="quantity<?= $PRODUCT->id; ?>" value="1" />
<div class="">
<div class="btn-sec btn btn-hero button-mb add_to_cart" id="<?php echo $PRODUCT->id; ?>" min-qty="<?php echo $PRODUCT->min_qty; ?>" max-qty="<?php echo $PRODUCT->max_qty; ?>"><i class="fa fa-shopping-cart"></i> Add to Cart</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="related-products section-padding mobile-section-index-about">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title text-center">
<h2 class="title">Related Products</h2>
<p class="sub-title">Add related products to weekly lineup</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="product-carousel-4 slick-row-10 slick-arrow-style">
<!-- product item start -->
<?php
$other_products = Product::getProductsByCategory($PRODUCT->category);
if (count($other_products) > 1) {
foreach ($other_products as $key => $product) {
if ($product['id'] != $id) {
?>
<div class="product-item">
<figure class="product-thumb">
<a href="view-product.php?id=<?php echo $product['id']; ?>">
<img src="upload/product/<?= $product['image_name'] ?>" alt="product">
</a>
<div class="cart-hover">
<a href="view-product.php?id=<?php echo $product['id']; ?>">
<button class="btn btn-cart">View Product</button>
</a>
</div>
</figure>
<div class="product-caption text-center">
<h6 class="product-name">
<a href="view-product.php?id=<?php echo $product['id']; ?>"><?php echo $product['name']; ?></a>
</h6>
</div>
</div>
<?php
}
}
} else {
?>
<h4>No any related products.</h4>
<?php
}
?>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Scroll to top start -->
<div class="scroll-top not-visible">
<i class=""><img src="assets/img/icon/gem-top.png"></i>
</div>
<!-- Scroll to Top End -->
<?php include './footer.php'; ?>
<!-- JS
============================================ -->
<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
<!-- jQuery JS -->
<script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Popper JS -->
<script src="assets/js/vendor/popper.min.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/vendor/bootstrap.min.js"></script>
<!-- slick Slider JS -->
<script src="assets/js/plugins/slick.min.js"></script>
<!-- Countdown JS -->
<script src="assets/js/plugins/countdown.min.js"></script>
<!-- Nice Select JS -->
<script src="assets/js/plugins/nice-select.min.js"></script>
<!-- jquery UI JS -->
<script src="assets/js/plugins/jqueryui.min.js"></script>
<!-- Image zoom JS -->
<script src="assets/js/plugins/image-zoom.min.js"></script>
<!-- Imagesloaded JS -->
<script src="assets/js/plugins/imagesloaded.pkgd.min.js"></script>
<!-- Instagram feed JS -->
<script src="assets/js/plugins/instagramfeed.min.js"></script>
<!-- mailchimp active js -->
<script src="assets/js/plugins/ajaxchimp.js"></script>
<!-- contact form dynamic js -->
<script src="assets/js/plugins/ajax-mail.js"></script>
<!-- google map api -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCfmCVTjRI007pC1Yk2o2d_EhgkjTsFVN8"></script>
<!-- google map active js -->
<script src="assets/js/plugins/google-map.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>
<script src="control-panel/plugins/sweetalert/sweetalert.min.js" type="text/javascript"></script>
<script src="js/add-to-cart.js"></script>
</body>
</html> |