Server : ApacheSystem : Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64 User : ndkhermy ( 1200) PHP Version : 8.5.12 Disable Function : NONE Directory : /home1/ndkhermy/public_html/website_6ca89795/ |
Upload File : |
<!-- page wrapper -->
<?php include("header.php"); ?>
<?php
$where = " WHERE status='1' ";
if(!empty($_GET['category_id']))
{
$category_id = intval($_GET['category_id']);
$where .= " AND category_id='$category_id' ";
}
if(!empty($_GET['search']))
{
$search = mysqli_real_escape_string($conn,$_GET['search']);
$where .= "
AND (
title LIKE '%$search%'
OR content LIKE '%$search%'
)";
}
$query = mysqli_query(
$conn,
"SELECT * FROM areawecover $where ORDER BY id DESC"
);
?>
<?php
include('dbcon.php');
$category_id = isset($_GET['category_id']) ? intval($_GET['category_id']) : 0;
$where = " WHERE a.status='1' ";
if($category_id > 0){
$where .= " AND a.category_id='$category_id' ";
}
$productqry = mysqli_query($conn,"
SELECT
a.*,
c.category
FROM areawecover a
LEFT JOIN arawecovercategory c
ON a.category_id=c.id
$where
ORDER BY a.id DESC
");
$totalProducts = mysqli_num_rows($productqry);
?>
<style>
/* SHOP GRID */
.shop-grid-content .inner-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
border: 1px solid #e5e5e5;
border-right: 0;
border-bottom: 0;
}
.shop-block-one {
width: 100%;
}
.shop-block-one .inner-box {
position: relative;
background: #fff;
padding: 25px 20px;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
transition: all 0.3s ease;
height: 100%;
}
.shop-block-one .inner-box:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
z-index: 2;
}
/* IMAGE */
.shop-block-one .image-box {
text-align: center;
margin-bottom: 20px;
}
.shop-block-one .image img {
max-width: 100%;
height: 170px;
object-fit: contain;
}
/* CONTENT */
.shop-block-one .lower-content {
padding: 0 !important;
}
.shop-block-one .text {
font-size: 13px;
color: #777;
display: block;
margin-bottom: 8px;
}
.shop-block-one h4 {
font-size: 18px;
line-height: 28px;
margin-bottom: 10px;
min-height: 56px;
}
.shop-block-one h4 a {
color: #111;
}
.shop-block-one h5 {
color: #ff4d4d;
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}
/* RATING */
.rating {
display: flex;
align-items: center;
gap: 3px;
margin-bottom: 12px;
}
.rating li {
list-style: none;
color: #f7b500;
font-size: 14px;
}
/* STOCK */
.product-stock {
display: flex;
align-items: center;
gap: 6px;
color: #28a745;
font-size: 14px;
margin-top: 10px;
}
/* QUANTITY */
.item-quantity-selector {
position: absolute;
right: 20px;
bottom: 20px;
}
.quantity-spinner {
width: 45px;
height: 45px;
border-radius: 50%;
border: 1px solid #ddd;
text-align: center;
}
/* TOP BAR */
.item-shorting {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #e5e5e5;
padding: 20px 25px;
border-radius: 8px;
}
/* SIDEBAR */
.shop-sidebar {
padding-left: 10px;
}
.sidebar-widget {
background: #fff;
padding: 25px;
border: 1px solid #e5e5e5;
border-radius: 10px;
}
/* RESPONSIVE */
@media (max-width: 1199px) {
.shop-grid-content .inner-container {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 991px) {
.shop-grid-content .inner-container {
grid-template-columns: repeat(2, 1fr);
}
.shop-sidebar {
margin-top: 40px;
padding-left: 0;
}
}
@media (max-width: 575px) {
.shop-grid-content .inner-container {
grid-template-columns: repeat(1, 1fr);
}
.item-shorting {
flex-direction: column;
gap: 15px;
align-items: flex-start;
}
}
/* TOP FILTER BAR */
.item-shorting {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 25px;
border: 1px solid #e8e8e8;
border-radius: 10px;
background: #fff;
margin-bottom: 40px;
gap: 20px;
}
/* LEFT TEXT */
.item-shorting .text p {
margin: 0;
font-size: 15px;
color: #666;
}
.item-shorting .text span {
color: #111;
font-weight: 600;
}
/* RIGHT SIDE */
.item-shorting .right-column {
display: flex;
align-items: center;
gap: 20px;
}
/* SORT BOX */
.short-box {
display: flex;
align-items: center;
gap: 10px;
}
.short-box p {
margin: 0;
font-size: 15px;
color: #555;
font-weight: 500;
}
/* SELECT */
.select-box select {
border: none;
background: transparent;
font-size: 15px;
font-weight: 600;
color: #111;
cursor: pointer;
outline: none;
}
/* GRID/LIST BUTTON */
.menu-box {
display: flex;
align-items: center;
gap: 10px;
}
.menu-box p {
margin: 0;
font-size: 15px;
color: #555;
font-weight: 500;
}
.menu-box button {
width: 42px;
height: 42px;
border: 1px solid #e5e5e5;
background: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
cursor: pointer;
}
.menu-box button img {
width: 18px;
}
.menu-box button:hover,
.menu-box button.on {
background: #2ba84a;
border-color: #2ba84a;
}
.menu-box button:hover img,
.menu-box button.on img {
filter: brightness(0) invert(1);
}
/* RESPONSIVE */
@media (max-width: 767px) {
.item-shorting {
flex-direction: column;
align-items: flex-start;
}
.item-shorting .right-column {
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
}
</style>
<style>
.page-title {
position: relative;
padding: 76px 0 73px;
background: #f8f8f8;
overflow: hidden;
z-index: 1;
}
.page-title::before {
content: '';
position: absolute;
right: -100px;
top: -100px;
width: 350px;
height: 350px;
background: rgba(255, 107, 0, 0.08);
border-radius: 50%;
z-index: -1;
}
.page-title::after {
content: '';
position: absolute;
left: -120px;
bottom: -120px;
width: 300px;
height: 300px;
background: rgba(255, 107, 0, 0.05);
border-radius: 50%;
z-index: -1;
}
.page-title .content-box {
text-align: center;
}
.page-title .sub-title {
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #ff6b00;
background: rgba(255, 107, 0, 0.10);
padding: 8px 18px;
border-radius: 50px;
margin-bottom: 20px;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-title h1 {
position: relative;
display: block;
font-size: 58px;
line-height: 68px;
font-weight: 700;
color: #111;
margin-bottom: 20px;
}
.page-title .bread-crumb {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
padding: 0;
margin: 0;
}
.page-title .bread-crumb li {
position: relative;
list-style: none;
font-size: 16px;
color: #666;
font-weight: 500;
padding-right: 18px;
}
.page-title .bread-crumb li:last-child {
padding-right: 0;
color: #ff6b00;
}
.page-title .bread-crumb li::before {
content: "/";
position: absolute;
top: 0;
right: 0;
color: #999;
}
.page-title .bread-crumb li:last-child::before {
display: none;
}
.page-title .bread-crumb li a {
color: #111;
text-decoration: none;
transition: all 0.3s ease;
}
.page-title .bread-crumb li a:hover {
color: #ff6b00;
}
@media only screen and (max-width: 991px) {
.page-title {
padding: 100px 0 80px;
}
.page-title h1 {
font-size: 46px;
line-height: 56px;
}
}
@media only screen and (max-width: 767px) {
.page-title {
padding: 80px 0 60px;
}
.page-title h1 {
font-size: 34px;
line-height: 44px;
}
.page-title .bread-crumb li {
font-size: 14px;
}
}
</style>
<section class="page-title centred pt_20 pb_70">
<div class="large-container">
<div class="content-box">
<h1>Shop </h1>
<ul class="bread-crumb clearfix">
<li><a href="index.php">Home</a></li>
<li>Shop </li>
</ul>
</div>
</div>
</section>
<section class="shop-page-section pb_80">
<div class="large-container">
<div class="row clearfix">
<div class="col-lg-9 col-md-12 col-sm-12 content-side">
<div class="our-shop">
<div class="item-shorting mb_50">
<div class="left-column">
<div class="text">
<p>Showing <span>1–30 of 160 results</span></p>
</div>
</div>
<div class="right-column">
<div class="short-box mr_30">
<p>Sort:</p>
<div class="select-box">
<select class="wide">
<option data-display="Most popular">Most popular</option>
<option value="1">New</option>
<option value="2">Top Sell</option>
<option value="4">Top Ratted</option>
</select>
</div>
</div>
<div class="menu-box">
<p>Show:</p>
<button class="grid-view on mr_10"><img src="assets/images/icons/icon-26.png" alt=""></button>
<button class="list-view"><img src="assets/images/icons/icon-27.png" alt=""></button>
</div>
</div>
</div>
<div class="wrapper grid">
<div class="shop-grid-content">
<div class="inner-container clearfix">
<?php while ($row = mysqli_fetch_assoc($productqry)) { ?>
<div class="shop-block-one">
<div class="inner-box border-bottom border-right">
<div class="image-box">
<ul class="option-list t_20 r_20">
<li>
<a href="admin/dataimg/<?php echo $row['image']; ?>"
class="lightbox-image"
data-fancybox="gallery">
<i class="far fa-eye"></i>
</a>
</li>
<li><button type="button"><i class="icon-7"></i></button></li>
<li><button type="button"><i class="icon-6"></i></button></li>
</ul>
<figure class="image">
<a href="shop-details.php?id=<?php echo $row['id']; ?>">
<img src="admin/dataimg/<?php echo $row['image']; ?>"
alt="<?php echo htmlspecialchars($row['title']); ?>">
</a>
</figure>
</div>
<div class="lower-content pl_30 pr_20">
<span class="text">
<?php echo htmlspecialchars($row['category']); ?>
</span>
<h4>
<a href="shop-details.php?id=<?php echo $row['id']; ?>">
<?php echo htmlspecialchars($row['title']); ?>
</a>
</h4>
<h5>₹<?php echo $row['price']; ?></h5>
<!-- <ul class="rating">
<li><i class="icon-11"></i></li>
<li><i class="icon-11"></i></li>
<li><i class="icon-11"></i></li>
<li><i class="icon-11"></i></li>
<li><i class="icon-11"></i></li>
<li><span>(5.0)</span></li>
</ul> -->
<span class="product-stock">
<img src="assets/images/icons/icon-11.png" alt="">
<?php echo ($row['stock'] > 0) ? 'In Stock' : 'Out Of Stock'; ?>
</span>
<!-- <span class="decore r_30 b_25">
<i class="icon-19"></i>
</span> -->
<div style="margin-top:15px;">
<form action="<?php echo $app['base_url']; ?>cartbutton.php"
method="POST">
<input type="hidden"
name="product_id"
value="<?php echo $row['id']; ?>">
<input type="hidden"
name="user_id"
value="<?php echo isset($_SESSION['id']) ? $_SESSION['id'] : 0; ?>">
<input type="hidden"
name="quantity"
value="1">
<button type="submit"
name="add_to_cart"
class="theme-btn btn-one">
<i class="fa fa-shopping-cart"></i>
Add To Cart
</button>
</form>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12 col-sm-12 sidebar-side mb-5">
<div class="shop-sidebar ml_20">
<div class="search-widget sidebar-widget mb_40">
<form method="post" action="shop.php">
<div class="form-group">
<input type="search" name="search-field" placeholder="Search Fresh Meat" required>
<button type="submit"><i class="icon-2"></i></button>
</div>
</form>
</div>
<div class="filter-widget sidebar-widget mb_40">
<div class="widget-title pb_9 mb_30">
<h4>Filter by Price</h4>
</div>
<div class="price-range-slider">
<div id="slider-range" class="range-bar mb_30"></div>
<div class="range-box">
<button type="button" class="filter-btn theme-btn btn-one">
Apply
</button>
<button type="button" class="reset-btn">
Clear
</button>
</div>
</div>
</div>
<div class="category-widget sidebar-widget mb_40">
<div class="widget-title pb_9 mb_25">
<h4>Meat Categories</h4>
</div>
<div class="widget-content">
<ul class="category-list clearfix">
<li>
<div class="check-box">
<input class="check" type="checkbox" id="checkbox1">
<label for="checkbox1">
Fresh Beef <span>(12)</span>
</label>
</div>
</li>
</ul>
<div class="more-text">
<a href="shop-details.php">See More</a>
</div>
</div>
</div>
<div class="sidebar-widget popular-product-widget mb_40">
<div class="widget-title pb_9 mb_25">
<h4>Top Products</h4>
</div>
<div class="product-block-one mb_20">
<div class="inner-box d-flex align-items-center">
<figure class="image-box mr_15">
<img src="https://images.unsplash.com/photo-1603048297172-c92544798d5a?q=80&w=200&auto=format&fit=crop"
alt="">
</figure>
<div class="content-box">
<h6>
<a href="shop-details.php">
Premium Beef Steak
</a>
</h6>
<span>$16.99</span>
</div>
</div>
</div>
<div class="product-block-one mb_20">
<div class="inner-box d-flex align-items-center">
<figure class="image-box mr_15">
<img src="https://images.unsplash.com/photo-1529692236671-f1f6cf9683ba?q=80&w=200&auto=format&fit=crop"
alt="">
</figure>
<div class="content-box">
<h6>
<a href="shop-details.php">
Fresh Chicken Pack
</a>
</h6>
<span>$10.99</span>
</div>
</div>
</div>
<div class="product-block-one">
<div class="inner-box d-flex align-items-center">
<figure class="image-box mr_15">
<img src="https://images.unsplash.com/photo-1607623814075-e51df1bdc82f?q=80&w=200&auto=format&fit=crop"
alt="">
</figure>
<div class="content-box">
<h6>
<a href="shop-details.php">
Organic Lamb Meat
</a>
</h6>
<span>$18.99</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="highlights-section alternat-2">
<div class="large-container">
<div class="inner-container clearfix">
<div class="shape" style="background-image: url(assets/images/shape/shape-10.png);"></div>
<div class="highlights-block-one">
<div class="inner-box">
<div class="icon-box"><img src="assets/images/icons/icon-20.png" alt=""></div>
<h5>Same day Product Delivery</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'; ?>