Uname : Linux V-ShopU01 4.18.0-348.20.1.el8_5.x86_64 #1 SMP Thu Mar 10 20:59:28 UTC 2022 x86_64
Server : Apache/2.4.37 (rocky) OpenSSL/1.1.1k
Whoami : apache
Safe Mode : OFF
DOCUMENT ROOT : /var/www/html/site_shopudietDisable Function :
Path : /var/www/html/site_shopudiet/
Server IP : 65.20.74.164
Client IP : 3.128.78.179
Current File : /var/www/html/site_shopudiet/subcategory_details.php |
<?php
session_start();
unset($_SESSION['grand_total1']);
unset($_SESSION['coupon']);
unset($_SESSION['discount_rate']);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Online Organic Grocery Store in Kochi | ShopUdiet</title>
<link rel="icon" type="image/png" href="images/favicon.png"/>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">
<meta name="description" content="All the products we bring you are 100% Organic Certified. Customers can pick and choose the grocery items for their monthly home requirements from our site.">
<meta name="keywords" content="100% Organic Certified, Organic Store, Grocery store, Kochi Organic Store, Organic products">
<meta name="robots" content="*">
<meta name="viewport" content="initial-scale=1.0, width=device-width">
<link rel="icon" href="#" type="image/x-icon">
<link rel="shortcut icon" href="#" type="image/x-icon">
<!-- CSS Style -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="stylesheet/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="stylesheet/font-awesome.css" media="all">
<!-- <link rel="stylesheet" type="text/css" href="stylesheet/revslider.css" > -->
<link rel="stylesheet" type="text/css" href="stylesheet/owl.carousel.css">
<!-- <link rel="stylesheet" type="text/css" href="stylesheet/owl.theme.css">
<link rel="stylesheet" type="text/css" href="stylesheet/jquery.bxslider.css"> -->
<link rel="stylesheet" type="text/css" href="stylesheet/jquery.mobile-menu.css">
<link rel="stylesheet" type="text/css" href="stylesheet/style.css" media="all">
<link rel="stylesheet" type="text/css" href="stylesheet/responsive.css" media="all">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,600,800,400' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i,900" rel="stylesheet">
<!-- BEGIN GOOGLE ANALYTICS CODEs -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
<link rel="stylesheet" href="/path/to/flickity.css" media="screen">
<script src="/path/to/flickity.pkgd.min.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// $(window).load(function(){
// $('.loader').fadeOut("slow");
// });
$(document).ready(function () {
setTimeout(function(){
$('.loader').fadeOut(100);
}, 2500);
});
</script>
<style>
.prdct_show {
height: 457px;
margin-bottom: 23px;
margin-top: 17px;
max-height: 458px;
max-width:300px; /* or whatever width you want. */
display: inline-block;
}
.menu-tabbing {
text-align: center;
padding-bottom: 50px;
}
.menu-tabbing ul {
background: #ebebeb;
display: inline-block;
border-radius: 50px;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
ul, li {
padding: 0;
margin: 0;
list-style: none;
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem;
}
* {
box-sizing: border-box;
}
*, ::after, ::before {
box-sizing: border-box;
}
user agent stylesheet
ul {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
.menu-tabbing ul li {
display: inline-block;
}
.nav > li {
position: inherit;
display: inline-block;
}
.font-weight-bold {
font-weight: 700!important;
}
.text-uppercase {
text-transform: uppercase!important;
}
* {
box-sizing: border-box;
}
.active {
background-color:green;
color:white;
}
.sale-label-org {
margin-left: 3px;
width: 30px;
display: inline-block;
position: absolute;
top: 236px;
line-height: 26px;
z-index: 10;
}
@media (max-width: 560px) and (min-width: 280px) {
.sale-label-org {
top: 152px !important;
}
}
.sort-button {
height:30px;
color:black;
background: #d4cccc;;
border: 1px solid #edeef0;
padding: 5px 20px 4px 20px;
box-shadow: none;
font-size: 15px;
border-radius: 6px;
margin: 0 0 0 5px;
cursor: pointer;
line-height: normal;
}
.sort-button:hover {
color:black;
/*background: #013969;*/
border:1px solid #013969;
}
#sort_container {
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
}
.active-btn {
color:white;
background: #013969;
}
.span-before {
font-size: 18px;
font-weight: 700;
}
.active-btn:hover {
color:white;
background: #013969;
}
</style>
</head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-170593298-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-170593298-1');
</script>
<body>
<div class="loader">
</div>
<div id="page">
<?php
include('header.php');
?>
<div class="page-heading hidden-xs">
<div class="breadcrumbs">
<div class="container">
<div class="row">
<!--col-xs-12-->
</div>
<!--row-->
</div>
<!--container-->
</div>
<div class="page-title">
<h2></h2>
</div>
</div>
<!--breadcrumbs-->
<!-- BEGIN Main Container col2-left -->
<?php
$name=$_REQUEST['id'];
// echo $name;
if($name==="Vegetables"){
?>
<section class="hidden-xs">
<h4 align="center" class="blinking">Delivery only on Tuesday and Saturday!!</h4>
</section>
<?php
}
if($name==='Fruits'){
?>
<section class="hidden-xs">
<h4 align="center" class="blinking">Delivery only on Tuesday and Saturday!!</h4>
</section>
<?php
}
?>
<section class="main-container col2-left-layout bounceInUp animated cat_grid">
<!-- For version 1, 2, 3, 8 -->
<!-- For version 1, 2, 3 -->
<div class="container">
<div class="row">
<div class="col-main col-sm-12 product-grid">
<div class="pro-coloumn">
<div class="top-cate" >
<div class="featured-pro container">
<h5 class="cat_head">SHOP BY CATEGORY</h5>
<div class="row customer-logos slider">
<?php
include('dbconnect.php');
$sql="select * from category order by num";
$result=mysqli_query($conn,$sql);
while($row = mysqli_fetch_array($result))
{
?>
<div class="slide" style="border: none;"><div>
<a href="category_detail.php?id=<?php echo $row['category_name']?>" title="<?php echo $row['category_name']?> " ><img src="admin/img/<?php echo $row['image']?>" alt="Fresh Organic Mustard Leaves " class="img-responsive cat-img" style="border: none;"></a></div><div class="cat_style" >
<a href="category_detail.php?id=<?php echo $row['category_name']?>" title="<?php echo $row['category_name']?> " class="scroll_slide_name" style="border: none;"><?php echo $row['category_name']?> </a></div>
</div>
<?php
}
?>
</div>
</div>
</div>
<?php
include('dbconnect.php');
$name=$_REQUEST['id'];
$category = $_REQUEST['cat'];
?>
<section class="product_grids1">
<div class="container">
<?php
$name=$_REQUEST['id'];
// echo $name;
if($name==="Vegetables"){
?>
<section class="hidden-lg hidden-md hidden-sm">
<h4 align="center" class="blinking">Delivery only on Tuesday and Saturday!!</h4>
</section>
<?php
}
if($name==='Fruits'){
?>
<section class="hidden-lg hidden-md hidden-sm">
<h4 align="center" class="blinking">Delivery only on Tuesday and Saturday!!</h4>
</section>
<?php
}
?>
<!-- <h4 class="cat_namehead"><?php echo $name;?> / <?php echo $category;?></h4>-->
<div class="row">
<div id="sort_container">
<span class = "span-before"><?php echo $name;?> ></span><a href = "category_detail.php?id=<?php echo $name;?>"><button class="sort-button" data-index="prod_mart_groceries_products_popularity">All</button></a>
<?php
include('dbconnect.php');
$name=$_REQUEST['id'];
$sql = "select sub_category from category where category_name='$name'";
$result = mysqli_query($conn,$sql);
$sq = mysqli_fetch_array($result);
$d = $sq['sub_category'];
$data= explode(',',$d);
for($i=0; $i < count($data);$i++)
{ if($category == $data[$i]) { $rec = "active-btn";} else { $rec = '';}?>
<a style="color:black;" href="subcategory_details.php?id=<?php echo $name;?>&cat=<?php echo $data[$i]?>" >
<button class="sort-button <?php echo $rec; ?>" data-index="prod_mart_groceries_products_price_desc"id="subcat<?php echo $data[$i];?>"><?php echo $data[$i];?></button>
</a>
<input type="hidden" value="<?php echo $data[$i];?>" id="subcat<?php echo $data[$i];?>">
<?php } ?>
</div>
<!-- <div class="col-xl-12 col-lg-12 col-md-12">
<div class="menu-tabbing">
<ul id="tabs" class="nav nav-tabs mob_res" role="tablist">
<li role="presentation" class="text-uppercase font-weight-bold tab-link current" data-tab="tab-1"><a href="category_detail.php?id=<?php echo $name;?>"> all</a></li>
<?php
include('dbconnect.php');
$name=$_REQUEST['id'];
$sql = "select sub_category from category where category_name='$name'";
$result = mysqli_query($conn,$sql);
$sq = mysqli_fetch_array($result);
$d = $sq['sub_category'];
$data= explode(',',$d);
for($i=0; $i < count($data);$i++)
{ if($category == $data[$i]) { $rec = "active";} else { $rec = '';}?>
<input type="hidden" value="<?php echo $data[$i];?>" id="subcat<?php echo $data[$i];?>">
<li role="presentation" class="text-uppercase font-weight-bold tab-link <?php echo $rec; ?>" data-tab="tab-1" ><a href="subcategory_details.php?id=<?php echo $name?>&cat=<?php echo $data[$i];?>" > <?php echo $data[$i];?></a></li>
<?php } ?>
</ul>
</div>
</div>-->
</div>
<div class="row" >
<?php
include('dbconnect.php');
$limit = 12;
if (isset($_GET["page"])) { $page = $_GET["page"]; } else { $page=1; };
$start_from = ($page-1) * $limit;
$data = "select * from product where category_name='$name' LIMIT $start_from, $limit";
$sql = mysqli_query($conn,$data);
while($row = mysqli_fetch_array($sql))
{
//print_r($sql);exit();
$d = $row['sub_category'];
$data= explode(',',$d);
for($i=0; $i < count($data);$i++)
{
if($data[$i] == $category)
{
if($row['status']=='yes'){
?>
<div class="col-md-3 col-sm-3 col-xs-6 prdct_show">
<div class="product-grid pro-coloumn1">
<div class="pro-img">
<?php if($row['org_status'] == 'org') { ?><img src="images/shop-new-org (1).png" class="sale-label-org" /> <b><p class="sale-label-org" style="margin-top:10px !important; margin-left:274px !important;">Organic</p></b><?php } ?>
<a href="product-detail.php?id=<?php echo $row['id']?>" title="<?php echo $row['product_name'];?>" class="product-image"><img src="admin/img/<?php echo $row['file1']?>" alt="<?php echo $row['product_name'];?>" class=" img-responsive pr0-img" style="width: 100%;">
<?php
if(!empty($row['discount'])){
?>
<div class="sale-label sale-top-left"><?php echo $row['discount'];?>% off</div>
<?php
}
?>
</a>
<div class="item-title1"><a href="product-detail.php?id=<?php echo $row['id']?>" title="<?php echo $row['product_name'];?> "><?php echo $row['product_name']?> </a> </div>
<div class="item-weight"><a href="product-detail.php?id=<?php echo $row['id']?>" title="<?php echo $row['product_name'];?> "><?php echo $row['weight']?> </a> </div>
<form action="add_multipackagecart.php?id=<?php echo $row['id'] ?>" method="post">
<h4><div class="qunt-ol col-md-6 col-sm-6 col-xs-6"> <div class="def-number-input number-input safari_only">
<a onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></a>
<input class="quantity1" min="1" name="quantity" value="1" type="number">
<a onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></a>
</div></div></h4>
<?php
if(empty($row['discount'])){
?>
<h4><div class="item-price1s col-md-6 col-sm-6 col-xs-6 item-view1s">
<?php if ($row['price']>0) { echo "₹". $row['price']; } ?>
</div></h4>
<?php
}
else
{
?>
<div class="item-price1s col-md-6 col-sm-6 col-xs-6 hidden-xs">
<?php if ($row['mrp']>0) { echo "₹". $row['mrp']; } ?> <strike style="color: #bbb6b6;"><?php if ($row['price']>0) { echo "₹".$row['price'];}?></strike>
</div>
<div class="item-price1s col-md-6 col-sm-6 col-xs-6 hidden-lg hidden-md hidden-sm item_view1">
<?php if ($row['mrp']>0) { echo "₹". $row['mrp']; } ?> <br><strike style="color: #bbb6b6;"><?php if ($row['price']>0) { echo "₹".$row['price'];}?></strike>
</div>
<?php
}
?>
<!-- </div> -->
<div class="add_cart">
<button class="btn btn-carts1" type="submit"><span>ADD TO CART</span></button></form>
</div>
</div>
</div>
<?php
}
else
{
?>
<div class="col-md-3 col-sm-3 col-xs-6 prdct_show">
<div class="product-grid pro-coloumn1">
<div class="pro-img">
<a title="<?php echo $row['product_name'];?>" class="product-image"><img src="admin/img/<?php echo $row['file1']?>" alt="<?php echo $row['product_name'];?>" class=" img-responsive pr0-img" style="opacity:0.4;width: 100%;">
<div class="centered">Out of Stock</div>
<?php
if(!empty($row['discount'])){
?>
<div class="sale-label sale-top-left"><?php echo $row['discount'];?>% off</div>
<?php
}
?>
</a>
<div class="item-title1"><a title="<?php echo $row['product_name'];?> "><?php echo $row['product_name']?> </a> </div>
<div class="item-weight"><a title="<?php echo $row['product_name'];?> "><?php echo $row['weight']?> </a> </div>
<form method="post">
<h4><div class="qunt-ol col-md-6 col-sm-6 col-xs-6"> <div class="def-number-input number-input safari_only">
<a onclick="this.parentNode.querySelector('input[type=number]').stepDown()" class="minus"></a>
<input class="quantity1" min="1" name="quantity" value="1" type="number">
<a onclick="this.parentNode.querySelector('input[type=number]').stepUp()" class="plus"></a>
</div></div></h4>
<?php
if(empty($row['discount'])){
?>
<h4><div class="item-price1s col-md-6 col-sm-6 col-xs-6 item-view1s">
<?php if ($row['price']>0) { echo "₹". $row['price']; } ?>
</div></h4>
<?php
}
else
{
?>
<div class="item-price1s col-md-6 col-sm-6 col-xs-6 hidden-xs">
<?php if ($row['mrp']>0) { echo "₹". $row['mrp']; } ?> <strike style="color: #bbb6b6;"><?php if ($row['price']>0) { echo "₹".$row['price'];}?></strike>
</div>
<div class="item-price1s col-md-6 col-sm-6 col-xs-6 hidden-lg hidden-md hidden-sm item_view1">
<?php if ($row['mrp']>0) { echo "₹". $row['mrp']; } ?> <br><strike style="color: #bbb6b6;"><?php if ($row['price']>0) { echo "₹".$row['price'];}?></strike>
</div>
<?php
}
?>
<!-- </div> -->
<div class="add_cart">
<button class="btn btn-carts1" disabled="disabled"><span>ADD TO CART</span></button></form>
</div>
</div>
</div>
<?php
}
?>
</div>
<?php }
} }?>
</div>
</div>
<style>
.pagination {
display: inline-block;
}
.pagination a {
color: white;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #edf3ee;
background: #013969;
}
.pagination a:hover:not(.active) {background-color: #ffd016;}
.item_view1{
padding: 0px 10px 8px 15px;
}
.item-view1s{
padding: 10px 10px 18px 15px;
}
</style>
<?php
$sql = "SELECT COUNT(id) FROM product where category_name='$name'";
/*echo "$sql"; */
$rs_result = mysqli_query($conn, $sql);
$row = mysqli_fetch_row($rs_result);
$total_records = $row[0];
$total_pages = ceil($total_records / $limit);
$pagLink = "<div class='pagination pull-right '>";
for ($i=1; $i<=$total_pages; $i++) {
$pagLink .= "<a href='category_detail.php?id=$name&page=".$i."'>".$i."</a>";
};
echo $pagLink . "</div>";
?>
</section>
</div>
<!-- ///*///====== End article ========= //*/// -->
</div>
<aside class="col-left sidebar col-sm-3 col-xs-12 col-sm-pull-9 wow bounceInUp animated">
</aside>
<!--col-right sidebar-->
</div>
<!--row-->
</div>
<!--container-->
</section>
<!--main-container col2-left-layout-->
<?php
include('footer.php');
?>
</div>
<!--page-->
<!-- Mobile Menu-->
<?php
include('mobile-menu.php');
?>
<a href="#" id="toTop" style="display: block;"><span class="fa fa-arrow-up"></span></a>
<!-- JavaScript -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/common.js"></script>
<script src="js/owl.carousel.min.js"></script>
<!-- script src="js/jquery.bxslider.min.js"></script>
<script src="js/jquery.flexslider.js"></script> -->
<script src="js/jquery.mobile-menu.min.js"></script>
<script >$(document).ready(function(){
$('.customer-logos').slick({
slidesToShow: 6,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 1500,
arrows: false,
dots: false,
pauseOnHover: false,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 6
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 4
}
}]
});
});
</script>
<style type="text/css">
@media (min-width: 280px) and (max-width: 560px){
.main-container{
padding: 0px;
}
}
</style>
<style type="text/css">
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 18px;
color: #013969;
font-weight: 600;
}
.blinking{
font-size: 29px;
/* line-height: 16px; */
margin: 15px;
color: #013969;
}
@media (min-width: 280px) and (max-width: 560px){
.blinking{
font-size: 14px;
}
}
</style>
</body>
</html>