|
Server IP : 164.52.202.56 / Your IP : 216.73.217.7 Web Server : Apache System : Linux e2e-70-56.ssdcloudindia.net 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Tue Nov 5 04:50:16 EST 2024 x86_64 User : rubyaromatics ( 1052) PHP Version : 7.2.34 Directory (0750) : /home/rubyaromatics/public_html/controller/pro/../../ |
| [ Home ] | [ Terminal ] | [ Upload File ] |
|---|
<?php require('controller/function.php');
require('controller/database.php'); $page='product_shop_detail'; ?>
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Ruby Aromatics</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- All css files are included here. -->
<!-- Bootstrap fremwork main css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- This core.css file contents all plugings css file. -->
<link rel="stylesheet" href="css/core.css">
<!-- Theme shortcodes/elements style -->
<link rel="stylesheet" href="css/shortcode/shortcodes.css">
<!-- Theme main style -->
<link rel="stylesheet" href="style.css">
<!-- Responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- User style -->
<link rel="stylesheet" href="css/custom.css">
<style type="text/css">
.hs-header-top{background: #c7a759;
padding: 3px 50px 40px;
width: 118%;
margin-left: -102px;
line-height: 16px;
max-height: 40px;
margin-top: -15px;}
@import "compass/css3";
* {
box-sizing: border-box;
}
<style type="text/css">
.hs-header-top{background: #c7a759;
padding: 3px 50px 40px;
width: 118%;
margin-left: -102px;
line-height: 16px;
max-height: 40px;
margin-top: -15px;}
@import "compass/css3";
* {
box-sizing: border-box;
}
#preloader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
z-index: 999;
height:auto;
background-image: url(images/rubybg.jpg);
}
#status {
width: 526px;
height: 200px;
position: absolute;
left: 37%;
top: 50%;
background-image:url(images/logo/LOAD%20LOGO.png);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
}
</style>
<script src="js/vendor/jquery-1.12.0.min.js"></script>
<!-- Modernizr JS -->
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Body main wrapper start -->
<div class="wrapper">
<!-- Start Header Style -->
<?php require('header.php'); ?>
<!-- End Header Style -->
<!-- breadcrumbs start -->
<section class="breadcrumbs-area ptb-50 bg-gray">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="breadcrumbs">
<h2 class="page-title">Products</h2>
<ul>
<li>
<a class="active" href="index.php">Home</a>
</li><?php
$obj = new database();
$obj->query("SELECT * FROM category where id='$_GET[cat_id]' order by id desc");
foreach($obj->rows() as $cat)
{
$id= $cat['id'];
?>
<li><?php echo $cat['category']; ?> Product</li><?php } ?>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- breadcrumbs end -->
<section class="top-shop-area ptb-100">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="shop-around">
<div class="all-shop2-area ptb-20">
<div class="blog-right-sidebar">
<div class="blog-right-sidebar-top mb-60">
<h3 class="leave-comment-text">Categories</h3>
<ul>
<?php
$obj = new database();
$obj->query("SELECT * FROM category order by id asc");
foreach($obj->rows() as $cat)
{
$id= $cat['id'];
?>
<li><a href="product_sub.php?cat_id=<?php echo $cat['id']; ?>" title="<?php echo $cat['category']; ?>"><?php echo $cat['category']; ?><span class="pull-right"><?php
$obj->query("SELECT * FROM product where cat_id='$id'");
if($obj->numRows() >=1)
{
echo $jun_total=$obj->numRows();
}
else
{
echo $jun_total=0;
}
?></span></a></li>
<?php } ?>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-9 col-sm-12">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="features-tab fe-again">
<!-- Nav tabs -->
<div id="target-content" >loading...</div>
<?php
$limit = 12;
$sql = "SELECT COUNT(id) FROM product where cat_id='$_GET[cat_id]'";
$rs_result = mysql_query($sql);
$row = mysql_fetch_row($rs_result);
$total_records = $row[0];
$total_pages = ceil($total_records / $limit);
?>
<!-- Tab panes -->
<div class="page text-center">
<ul class='pagination text-center' id="pagination">
<?php if(!empty($total_pages)):for($i=1; $i<=$total_pages; $i++):
if($i == 1):?>
<li class='active' id="<?php echo $i;?>"><a href='3.php?page=<?php echo $i;?>'><?php echo $i;?></a></li>
<?php else:?>
<li id="<?php echo $i;?>"><a href='3.php?page=<?php echo $i;?>'><?php echo $i;?></a></li></ul>
<?php endif;?>
<?php endfor;endif;?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script>
jQuery(document).ready(function() {
jQuery("#target-content").load("3.php?page=1&cat_id=<?php echo $_GET['cat_id']; ?>");
jQuery("#pagination li").live('click',function(e){
e.preventDefault();
jQuery("#target-content").html('loading...');
jQuery("#pagination li").removeClass('active');
jQuery(this).addClass('active');
var pageNum = this.id;
jQuery("#target-content").load("3.php?cat_id=<?php echo $_GET['cat_id']; ?>&page=" + pageNum);
});
});
</script>
<!-- Start Our footer Area -->
<?php foot_bottom(); ?>
<!-- End Our footer Area -->
</div>
<!-- Body main wrapper end -->
<!-- QUICKVIEW PRODUCT -->
<div id="quickview-wrapper">
<!-- Modal -->
<div class="modal fade" id="productModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<div class="modal-product">
<!-- Start product images -->
<div class="product-images">
<div class="main-image images">
<img alt="" src="images/portfolio/width-variation/1.jpg">
</div>
</div>
<!-- end product images -->
<div class="product-info">
<h1> Donec ac tempus </h1>
<div class="price-box-3">
<div class="s-price-box">
<span class="new-price">$17.20</span>
<span class="old-price">$45.00</span>
</div>
</div>
<a href="shop.html" class="see-all">See all features</a>
<div class="quick-add-to-cart">
<form method="post" class="cart">
<div class="numbers-row">
<input type="number" id="french-hens" value="3">
</div>
<button class="single_add_to_cart_button" type="submit">Add to cart</button>
</form>
</div>
<div class="quick-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fringilla augue nec est tristique auctor. Donec non est at libero.
</div>
<div class="social-sharing">
<div class="widget widget_socialsharing_widget">
<h3 class="widget-title-modal">Share this product</h3>
<ul class="social-icons">
<li><a target="_blank" title="Facebook" href="#" class="rss social-icon"><i class="zmdi zmdi-rss"></i></a></li>
<li><a target="_blank" title="Twitter" href="#" class="linkedin social-icon"><i class="zmdi zmdi-linkedin"></i></a></li>
<li><a target="_blank" title="Pinterest" href="#" class="pinterest social-icon"><i class="zmdi zmdi-pinterest"></i></a></li>
<li><a target="_blank" title="Google +" href="#" class="tumblr social-icon"><i class="zmdi zmdi-tumblr"></i></a></li>
<li><a target="_blank" title="LinkedIn" href="#" class="pinterest social-icon"><i class="zmdi zmdi-pinterest"></i></a></li>
</ul>
</div>
</div>
</div><!-- .product-info -->
</div><!-- .modal-product -->
</div><!-- .modal-body -->
</div><!-- .modal-content -->
</div><!-- .modal-dialog -->
</div>
<!-- END Modal -->
</div>
<!-- END QUICKVIEW PRODUCT -->
<!-- Placed js at the end of the document so the pages load faster -->
<!-- jquery latest version -->
<script src="js/vendor/jquery-1.12.0.min.js"></script>
<!-- Bootstrap framework js -->
<script src="js/bootstrap.min.js"></script>
<!-- Img Zoom js -->
<script src="js/jquery.simpleLens.min.js"></script>
<!-- owl.carousel js -->
<script src="js/owl.carousel.min.js"></script>
<!-- All js plugins included in this file. -->
<script src="js/plugins.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/ajax-mail.js"></script>
<!-- Waypoints.min.js. -->
<script src="js/waypoints.min.js"></script>
<!-- Main js file that contents all jQuery plugins activation. -->
<script src="js/main.js"></script>
</body>
</html>