System: Windows NT WINDOWS18 10.0 build 17763 (Windows Server 2016) AMD64 | User: IWPD_3544(appclien)
Path: D:\Inetpub\vhosts\appclients.in\fruits-vegitables.nmvm.org
[Back to List]
<?php
include "includes/main-action.php";
//error_reporting(0);
$obj=new admin_main();
$sel_cs=$obj->select_all("menu","order by menu_id");
$sel_banner_top=$obj->select_all("adv_tbl1","order by adv_id desc limit 1");
$sel_banner_right=$obj->select_all("adv_tbl3","order by adv_id desc limit 2");
$sel_slider=$obj->select_all("adv_tbl2","order by adv_id desc");
$sel_product=$obj->select_all("product"," where id='$_REQUEST[pid]'");
$resultproduct=mysqli_fetch_array($sel_product);
//select related product
$sel_related_product=$obj->select_all("product"," where menu_id='$resultproduct[menu_id]'");
//select category
$sel_subcat=$obj->select_all("menu"," where menu_id='$resultproduct[menu_id]'");
$menu_IS=mysqli_fetch_assoc($sel_subcat);
$sel_categories=$obj->select_all("categories","where menu_id='$resultproduct[menu_id]' and cat_id='$resultproduct[cat_id]'");
$sub_menu_IS=mysqli_fetch_assoc($sel_categories);
//insert review
$insReview='';
if(isset($_POST['getReview'])){
if(isset($_SESSION['user_id'])){
$insReview= $obj->insert_review_dtl("review");
}else{
echo '<script>alert("Login Your Self")</script>';
header('location:login.php');
}
}
//select review
$sel_review=$obj->select_all("review","where pid='$_REQUEST[pid]' order by id desc");
if($insReview=="success"){
echo "<script>alert('Your review has been successfully submitted')</script>";
echo "<script>window.location='".$_SERVER['HTTP_REFERER']."'</script>";
}
if(!isset($_SESSION['viewProduct'])){
$_SESSION['viewProduct']=array();
$_SESSION['viewProduct'][0]=$_REQUEST['pid'];
}else{
for($i=0,$chk=0;$i<sizeof($_SESSION['viewProduct']);$i++){
if($_SESSION['viewProduct'][$i]==$_REQUEST['pid']){
$chk=1;
break;
}
}
if($chk==0)$_SESSION['viewProduct'][sizeof($_SESSION['viewProduct'])]=$_REQUEST['pid'];
}
//add product to cart
if($_REQUEST['command']=='add' && $_REQUEST['productid']>0){
if($_REQUEST['quantity']>$_REQUEST['maxStock']){?>
<script>
alert('Sorry! Out of stock');
window.location='<?php echo $url?>product.php?pid=<?php echo $_REQUEST['productid'] ?>';
</script>
<?php } else{
$pid=$_REQUEST['productid'];
$quantityIs = $_REQUEST['quantity'];
$psize = $_REQUEST['psize'];
addtocart($_REQUEST['productid'],$quantityIs,$psize,$_REQUEST['pcolor'],$_REQUEST['img_name']);
header("location:shoppingcart.php");
exit();
}}
//select pin code
$sel_pin_code=$obj->select_all("pin_code","");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic page needs
============================================ -->
<title><?php include('title.php')?> Product Details</title>
<meta charset="utf-8">
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="">
<meta name="robots" content="index, follow" />
<!-- Mobile specific metas
============================================ -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Favicon
============================================ -->
<link rel="shortcut icon" type="image/png" href="<?php echo $url?>image/icon/favicon.png"/>
<!-- Libs CSS
============================================ -->
<link rel="stylesheet" href="<?php echo $url?>css/bootstrap/css/bootstrap.min.css">
<link href="<?php echo $url?>css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="<?php echo $url?>js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
<link href="<?php echo $url?>js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="<?php echo $url?>css/themecss/lib.css" rel="stylesheet">
<link href="<?php echo $url?>js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
<link href="<?php echo $url?>js/minicolors/miniColors.css" rel="stylesheet">
<!-- Theme CSS
============================================ -->
<link href="<?php echo $url?>css/themecss/so_searchpro.css" rel="stylesheet">
<link href="<?php echo $url?>css/themecss/so_megamenu.css" rel="stylesheet">
<link href="<?php echo $url?>css/themecss/so-categories.css" rel="stylesheet">
<link href="<?php echo $url?>css/themecss/so-listing-tabs.css" rel="stylesheet">
<link href="<?php echo $url?>css/themecss/so-category-slider.css" rel="stylesheet">
<link href="<?php echo $url?>css/themecss/so-newletter-popup.css" rel="stylesheet">
<link href="<?php echo $url?>css/footer/footer2.css" rel="stylesheet">
<link href="<?php echo $url?>css/header/header2.css" rel="stylesheet">
<link id="color_scheme" href="<?php echo $url?>css/home2.css" rel="stylesheet">
<link href="<?php echo $url?>css/responsive.css" rel="stylesheet">
<!--zooming code--->
<script src="<?php echo $url?>js/vendor/modernizr.js"></script>
<script src="<?php echo $url?>js/vendor/jquery.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/xzoom.min.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $url?>css/xzoom.css" media="all" />
<!--end-->
<!-- Google web fonts
============================================ -->
<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>
<style type="text/css">
body{font-family:'Poppins', sans-serif}
</style>
<script language="javascript">
function addtocart(pid){
//var pinVal=document.form1.pincode.value;
//document.form1.pincode.focus();
//if(pinVal!=''){
document.form1.productid.value=pid;
document.form1.command.value='add';
document.form1.maxStock.value='<?php echo $resultproduct['stock']?>';
document.form1.submit();
// }else{
// alert('Please enter pin Code first!');
//}
}
</script>
<style>
*{margin:0;}
#overlay{
position:fixed;
z-index:99999;
top:0;
left:0;
bottom:0;
right:0;
background:rgba(0,0,0,0.9);
transition: 1s 0.4s;
}
</style>
<script>
/*
;(function(){
function id(v){return document.getElementById(v); }
function loadbar() {
var ovrl = id("overlay"),
prog = id("progress"),
stat = id("progstat"),
img = document.images,
c = 0;
tot = img.length;
function imgLoaded(){
c += 1;
var perc = ((100/tot*c) << 0) +"%";
prog.style.width = perc;
stat.innerHTML = "Loading "+ perc;
if(c===tot) return doneLoading();
}
function doneLoading(){
ovrl.style.opacity = 0;
setTimeout(function(){
ovrl.style.display = "none";
}, 1200);
}
for(var i=0; i<tot; i++) {
var tImg = new Image();
tImg.onload = imgLoaded;
tImg.onerror = imgLoaded;
tImg.src = img[i].src;
}
}
document.addEventListener('DOMContentLoaded', loadbar, false);
}());
*/
</script>
</head>
<body class="common-home res layout-2">
<!----
<div id="overlay">
<center><img src="<?php echo $url?>image/loader.gif" style="margin-top: 40%;width: 100px;height: 100px;"></center>
<div id="progstat" style="display:none"></div>
<div id="progress" style="display:none"></div>
</div>
--->
<div id="wrapper" class="wrapper-fluid banners-effect-7">
<!-- Header Container -->
<?php include "includes/topbar.php";?>
<!-- //Header Top -->
<!-- Header center -->
<?php include "includes/searchbar.php";?>
<!-- //Header center -->
<!-- Header Bottom -->
<?php include "includes/navbar.php";?>
</header>
<!-- //Header Container -->
<!-- Main Container -->
<div class="main-container container">
<ul class="breadcrumb">
<li><a href="<?php echo $url?>"><i class="fa fa-home"></i></a></li>
<li><a href="<?php echo $url?>"><?php echo $menu_IS['menu'];?></a></li>
<li><a href="<?php echo $url?>"><?php echo $sub_menu_IS['category_name']; ?></a></li>
</ul>
<div class="row">
<!--Middle Part Start-->
<div id="content" class="col-md-12 col-sm-12">
<?php
$extPrice=explode(",",$resultproduct['price']);
$extOldPrice=explode(",",$resultproduct['oldprice']);
$extOldPrc=explode(",",$resultproduct['oldprc']);
$extavailable_Color=explode(",",$resultproduct['available_Color']);
?>
<form name="form1">
<input type="hidden" name="productid" />
<input type="hidden" name="command" />
<input type="hidden" name="maxStock" />
<input type="hidden" name="psize" value="<?php echo $extOldPrice[0]?>" />
<div class="product-view row">
<div class="left-content-product">
<div class="content-product-left col-md-5 col-sm-12 col-xs-12">
<div class="xzoom-container">
<?php if($resultproduct['img']){ $dcd_g=json_decode($resultproduct['img']);}?>
<input type="hidden" name="img_name" id="imgID" value="<?php echo $dcd_g[0]?>">
<img class="xzoom_1" id="xzoom-default_1" src="<?php echo $url?>image/product/<?php echo $dcd_g[sizeof($dcd_g)-1]?>" xoriginal="image/product/<?php echo $dcd_g[sizeof($dcd_g)-1]?>" />
<?php if(sizeof($dcd_g)>1){?>
<div class="xzoom-thumbs">
<?php for($s=sizeof($dcd_g)-1;$s>0;$s--){?>
<!---
<a href="<?php echo $url?>image/product/<?php echo $dcd_g[$s]?>">
<img class="xzoom-gallery" src="<?php echo $url?>image/product/<?php echo $dcd_g[$s]?>" xpreview="image/product/<?php echo $dcd_g[$s]?>" style="height:60px;width:50">
</a>--->
<?php }?>
</div>
<?php }?>
</div>
<script src="<?php echo $url?>js/foundation.min.js"></script>
<script src="<?php echo $url?>js/setup.js"></script>
</div>
<div class="content-product-right col-md-7 col-sm-12 col-xs-12">
<div class="title-product">
<h1><?php echo $resultproduct['name']; ?></h1>
<?php if(!empty($resultproduct['brand'])){?>
<div class="brand"><span>Brand:</span> <?php echo $resultproduct['brand']; ?></div>
<?php }?>
<!---<div class="box-review form-group">
<div class="ratings">
<div class="rating-box">
<span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span> </div>
</div>
<a class="reviews_button" href="#" onClick="$('a[href=\'#tab-review\']').trigger('click'); return false;">0 reviews</a> | <a class="write_review_button" href="#" onClick="$('a[href=\'#tab-review\']').trigger('click'); return false;">Write a review</a> </div>--->
</div>
<div class="product-label form-group" style="margin-bottom: 0;">
<div class="product_page_price price" itemprop="offerDetails" itemscope="" itemtype="">
<del class="regular-price" itemprop="oldprice" id="OldpriceIS">Rs. <?php echo $extOldPrc[0];?></del>
<span class="price-new" itemprop="price" id="priceIS">Rs. <?php echo $extPrice[0];?></span>
</div>
<!--
<div class="stock"><span>Availability:</span> <span class="status-outofstock" style="color:red;">Out Of Stock</span></div>
<div class="stock"><span>Availability:</span> <span class="status-stock">In Stock</span></div>
-->
</div>
<div id="product">
<!---<h4>Available Options</h4>-->
<div class="form-group required" style="display:none">
<label class="control-label">Select a Color</label>
<select name="pcolor" class="form-control" style="width:50%;text-transform:capitalize" onChange="goTopage(this.value)">
<?php for($c=0;$c<sizeof($extavailable_Color);$c++){?>
<option><?php echo $extavailable_Color[$c]?></option>
<?php }?>
</select>
</div>
<div class="form-group required" style="//display:none">
<div class=""><h4>Packing: <span id="selectedId"><?php echo $extOldPrice[0]?></span></h4></div>
<?php for($s=0;$s<sizeof($extOldPrice);$s++){?>
<div class="button-search btn btn-primary" style="background-color:#241d1e" onClick="SetPrice('<?php echo $extOldPrice[$s]?>*<?php echo $extPrice[$s]?>*<?php echo $extOldPrc[$s]?>')"><?php echo $extOldPrice[$s]?></div>
<?php }?>
</div>
<script>
function SetPrice(getSize){
var res = getSize.split("*");
document.getElementById("priceIS").innerHTML = 'Rs. '+res[1];
document.getElementById("OldpriceIS").innerHTML = 'Rs. '+res[2];
document.getElementById("selectedId").innerHTML = res[0];
document.form1.psize.value = res[0];
}
</script>
<div class="form-group box-info-product">
<div class="option quantity" style="margin-bottom:15px">
<div class="input-group quantity-control" unselectable="on" style="-webkit-user-select: none;">
<label style="color:#FFFFFF; font-weight:bold">Qty</label>
<input class="form-control" type="text" name="quantity" value="1">
<span class="input-group-addon product_quantity_down">−</span> <span class="input-group-addon product_quantity_up">+</span> </div>
</div>
<div class="cart">
<input type="button" data-toggle="tooltip" title="" value="Add to Cart" data-loading-text="Loading..." id="button-cart" class="btn btn-mega btn-lg" onClick="addtocart(<?php echo $resultproduct['id']?>)" data-original-title="Add to Cart">
</div>
<div class="add-to-links wish_comp">
<ul class="blank list-inline">
<li class="wishlist"> <a class="icon" data-toggle="tooltip" data-original-title="Add to Wish List" onClick="javascript:alert('Please first login.')"> <i class="fa fa-heart"></i> </a> </li>
<li id="txtWlist"></li>
</ul>
</div>
</div>
<?php echo $resultproduct['description']; ?>
</div>
</div>
<!-- end box info product -->
</div>
</div>
</div>
</form>
<!-- Product Tabs -->
<div class="producttab ">
<div class="tabsslider vertical-tabs col-xs-12">
<style>
#tab-1 ul li{
list-style: disc;
margin-left: 15px;
}
</style>
<ul class="nav nav-tabs col-lg-2 col-sm-3">
<li class="active"><a data-toggle="tab" href="#tab-1">Description</a></li>
<li class="item_nonactive"><a data-toggle="tab" href="#tab-review">Review & Rating(<?php echo mysqli_num_rows($sel_review)?>)</a></li>
</ul>
<div class="tab-content col-lg-10 col-sm-9 col-xs-12">
<div id="tab-1" class="tab-pane fade active in">
<p> <?php echo $resultproduct['description']; ?> </p>
</div>
<div id="tab-review" class="tab-pane fade">
<form method="post">
<h2 id="review-title">Write a review</h2>
<div class="contacts-form">
<div class="form-group"> <span class="icon icon-user"></span>
<input type="text" name="name" class="form-control" placeholder="Your Name" onBlur="if (this.value == '') {this.value = 'Your Name';}" onFocus="if(this.value == 'Your Name') {this.value = '';}" required>
</div>
<div class="form-group"> <span class="icon icon-bubbles-2"></span>
<textarea class="form-control" name="review_is" onBlur="if (this.value == '') {this.value = 'Your Review';}" onFocus="if(this.value == 'Your Review') {this.value = '';}" placeholder="Your Review" required></textarea>
</div>
<div class="form-group"> <b>Rating</b>
<input type="radio" name="rating" value="1" required onClick="showRate(this.value)">
<input type="radio" name="rating" value="2" onClick="showRate(this.value)">
<input type="radio" name="rating" value="3" onClick="showRate(this.value)">
<input type="radio" name="rating" value="4" onClick="showRate(this.value)">
<input type="radio" name="rating" value="5" onClick="showRate(this.value)">
<input type="hidden" name="rating" id="rating">
<script>
function showRate(strVal){
if(strVal==1){
document.getElementById('rate').innerHTML="Bad";
document.getElementById('rating').value=strVal;
}
else if(strVal==2){
document.getElementById('rate').innerHTML="Good";
document.getElementById('rating').value=strVal;
}
else if(strVal==3){
document.getElementById('rate').innerHTML="Very Good";
document.getElementById('rating').value=strVal;
}
else if(strVal==4){
document.getElementById('rate').innerHTML="Excellent";
document.getElementById('rating').value=strVal;
}
else if(strVal==5){
document.getElementById('rate').innerHTML="Very Excellent";
document.getElementById('rating').value=strVal;
}
else{}
}
</script>
<span id="rate"> </span> </div>
<div class="buttons clearfix">
<input type="submit" class="btn buttonGray" name="getReview" value="Continue">
</div>
</div>
</form>
<div style="margin-top:20px">
<?php while($reviewData=mysqli_fetch_array($sel_review)){?>
<h2><?php echo $reviewData['name']?></h2>
<p><strong><?php echo $reviewData['review_is']?></p>
<?php for($i = 0; $i < $reviewData['rating']; $i++){ ?>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Estrella_amarilla.png/2048px-Estrella_amarilla.png" style="width:30px;">
<?php } ?>
</br>
<?php echo date("d/m/Y",$reviewData['entrydate'])?>
<?php }?>
<div class="text-right"></div>
</div>
</div>
</div>
</div>
</div>
<style>
.myybtn{
/* --bs-btn-padding-y: 0.375rem; */
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: var(--bs-body-color);
--bs-btn-bg: transparent;
--bs-btn-border-width: var(--bs-border-width);
--bs-btn-border-color: transparent;
--bs-btn-border-radius: var(--bs-border-radius);
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
/* vertical-align: middle; */
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.thisbtn{
height: 40px;
width: 60px;
color: white;
background-color: #2b3f00;
border-radius: 15px;
text-align: center;
box-sizing: border-box;
cursor: pointer;
padding: 10px 0px 0px 0px;
font-size: 18px;
}
.card {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-title-color: ;
--bs-card-subtitle-color: ;
--bs-card-border-width: var(--bs-border-width);
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: var(--bs-border-radius);
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: var(--bs-body-bg);
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
color: var(--bs-body-color);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: 2px solid #dbd7cf;
border-radius: 10px;
}
.card-img-overlay1 {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: var(--bs-card-img-overlay-padding);
border-radius: var(--bs-card-inner-border-radius);
}
.d-flex1 {
display: flex!important;
justify-content: space-between;
}
.justify-content-end1 {
justify-content: flex-end!important;
}
.card-body1 {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.align-items-center1 {
align-items: center!important;
}
.price1 {
line-height: 0;
font-size: large;
font-style: oblique;
font-family: fantasy;
}
.btn-cart1 {
color: #fff;
background-color: #2b3f00;
border-color: #d43f3a;
margin-top: 3rem;
}
.cart-title1{
font-family: 'FontAwesome';
font-size: 18px;
text-decoration: none;
}
</style>
<!-- //Product Tabs -->
<!-- Related Products -->
<div class="related titleLine products-list grid module" style="padding:15px">
<h3 class="modtitle">Related Products </h3>
<div class="releate-products yt-content-slider products-list" data-rtl="no" data-loop="yes" data-autoplay="no" data-autoheight="no" data-autowidth="no" data-delay="4" data-speed="0.6" data-margin="30" data-items_column00="5" data-items_column0="4" data-items_column1="3" data-items_column2="2" data-items_column3="1" data-items_column4="1" data-arrows="yes" data-pagination="no" data-lazyload="yes" data-hoverpause="yes">
<?php while($productAsCat=mysqli_fetch_array($sel_related_product)){
$extPrice = explode(",", $productAsCat['price']);
?>
<div class="item">
<div class="item-inner product-layout transition product-grid">
<a href="<?php echo $url ?>product.php?pid=<?php echo $productAsCat['id'] ?>" >
<div class="left-block left-b">
<div class="card">
<?php if ($productAsCat['img']) $dcd_img = json_decode($productAsCat['img']); ?>
<img src="<?php echo $url ?>image/product/<?php echo $dcd_img[sizeof($dcd_img)-1] ?>" class=" card-img img-1 img-responsive" style="height:250px" alt="image1" id="catImg">
<?php if ($productAsCat['oldprc'] != 0) { ?>
<!--- <div class="card-img-overlay1 d-flex1 justify-content-end1">
<span class="myybtn thisbtn" > <?php
$bachat = $productAsCat['oldprc'] - $extPrice[0];
echo round(100 * $bachat / $productAsCat['oldprc']) . "%";
?> </span>
</div> --->
<?php } ?>
<div class="card-body1">
<h4 class="cart-title1">
<?php if (strlen($productAsCat['name']) > 25){ echo substr($productAsCat['name'], 0, 20) . " ...";}else{ echo $productAsCat['name']; } ?>
</h4>
<div class="options d-flex1 flex-fill">
</div>
<div class="buy d-flex1 justify-content-between1 align-items-center1">
<div class=" text-success1">
<h5 class="price1" >Rs. <?php echo $productAsCat['oldprc']." "; ?></h5>
</div>
<a href="<?php echo $url ?>product.php?pid=<?php echo $productAsCat['id'] ?>" class="btn btn-cart1 mt-3"><i class="fa fa-shopping-cart"></i> View </a>
</div>
</div>
</div>
</div>
</a>
</div>
</div>
<?php }?>
</div>
</div>
<!-- end Related Products-->
</div>
</div>
</div>
<!--Middle Part End-->
</div>
<!-- //Main Container -->
<!-- Footer Container -->
<?php include "includes/footer.php" ?>
<!-- Include Libs & Plugins
============================================ -->
<!-- Placed at the end of the document so the pages load faster -->
<!---zooming js--->
<script src='zooming/jquery-3.2.1.min.js'></script>
<script src='zooming/hizoom.js'></script>
<script>
$('.hi1').hiZoom({
width: 300,
position: 'right'
});
$('.hi2').hiZoom({
width: 400,
position: 'left'
});
</script>
<!-----end---->
<script type="text/javascript" src="<?php echo $url?>js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/owl-carousel/owl.carousel.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/slick-slider/slick.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/themejs/libs.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/unveil/jquery.unveil.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/countdown/jquery.countdown.min.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/datetimepicker/moment.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/jquery-ui/jquery-ui.min.js"></script>
<!-- Theme files
============================================ -->
<script type="text/javascript" src="<?php echo $url?>js/themejs/homepage.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/themejs/so_megamenu.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/themejs/addtocart.js"></script>
<script type="text/javascript" src="<?php echo $url?>js/themejs/application.js"></script>
</body>
</html>