|
Server IP : 103.53.40.154 / Your IP : 3.137.218.176 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/ppcad7no/lizatilessolution.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
$hot_sql=db_query("select * from tbl_category where 1 and category_status='Active' and category_is_product='Yes' and category_is_featured='Yes' ");
if(mysqli_num_rows($hot_sql)>0)
{
?>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet">
<!------ Include the above in your HEAD tag ---------->
<style>
.col-item
{
border: 1px solid #E1E1E1;
border-radius: 5px;
background: #FFF;
margin-bottom: 20px;
}
.col-item .photo img
{
margin: 0 auto;
width: 100%;
}
.col-item .info
{
padding: 10px;
border-radius: 0 0 5px 5px;
margin-top: 1px;
}
.col-item:hover .info {
background-color: #F5F5DC;
}
.col-item .price
{
/*width: 50%;*/
float: left;
margin-top: 5px;
}
.col-item .price h5
{
line-height: 20px;
margin: 0;
}
.price-text-color
{
color: #b91437;
}
.col-item .info .rating
{
color: #777;
}
.col-item .rating
{
/*width: 50%;*/
float: left;
font-size: 17px;
text-align: right;
line-height: 52px;
margin-bottom: 10px;
height: 52px;
}
.col-item .separator
{
border-top: 1px solid #E1E1E1;
}
.clear-left
{
clear: left;
}
.col-item .separator p
{
line-height: 20px;
margin-bottom: 0;
margin-top: 10px;
text-align: center;
}
.col-item .separator p i
{
margin-right: 5px;
}
.col-item .btn-add
{
width: 50%;
float: left;
}
.col-item .btn-add
{
border-right: 1px solid #E1E1E1;
}
.col-item .btn-details
{
width: 50%;
float: left;
padding-left: 10px;
}
.controls
{
margin-top: 20px;
}
[data-slide="prev"]
{
margin-right: 10px;
}</style>
<div class="container">
<div class="row">
<div class="row">
<div class="col-md-12">
<div class="border-title">
<h2 style="color:#ffffff;background:#e81a46">Featured Products</h2>
<div class="small-desc"> <p style="color:#3e454c;">Here’s what we’re working on and thinking about at Nest.</p></div>
</div>
</div>
<?/* <div class="col-md-12">
<!-- Controls -->
<div class="controls pull-right ">
<a class="left fa fa-chevron-left btn btn-primary" href="#carousel-example-generic" data-slide="prev"></a>
<a class="right fa fa-chevron-right btn btn-primary" href="#carousel-example-generic" data-slide="next"></a>
</div>
</div>
*/?>
</div>
<div id="carousel-example-generic1" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<div class="row">
<?php
while($hot_res=mysqli_fetch_array($hot_sql))
{
?>
<div class="col-sm-4">
<div class="col-item">
<div class="photo">
<a href="<?=$site_url?>/product-details.html?id=<?=$hot_res['category_id']?>">
<img src="<?=$site_url?>/uploaded_files/<?=$hot_res['category_image_name']?>" alt="<?=$hot_res['category_name']?>" title="<?=$hot_res['category_name']?>" style="width:350px; height:260px;" class="img-responsive" />
</a>
</div>
<div class="info">
<div class="row">
<div class="price col-md-6">
<h5>
<b> <?=$hot_res['category_name']?></b></h5>
<h5 class="price-text-color">
<i class="fa fa-inr"></i> <?=$hot_res['category_discount_price']?></h5>
</div>
<div class="rating col-md-6">
</div>
</div>
<div class="separator clear-left">
<p class="btn-add" style="background-color: #e81a46 !important; color:white; padding:10px;">
<i class="fa fa-shopping-cart"></i><a style="color:white;" href="javascript:void(0);" onclick="add_to_cart_pro_ajax(<?=$hot_res['category_id']?>)" class="">Add to cart</a></p>
<p class="btn-details" style="background-color: #e81a46 !important; color:white; padding:10px;">
<i class="fa fa-list"></i><a style="color:white;" href="<?=$site_url?>/product-details.html?id=<?=$hot_res['category_id']?>" class="">More details</a></p>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
<?}?>
</div>
</div>
<?/*
<div class="item">
<div class="row">
<div class="col-sm-4">
<div class="col-item">
<div class="photo">
<img src="http://placehold.it/350x260" class="img-responsive" alt="a" />
</div>
<div class="info">
<div class="row">
<div class="price col-md-6">
<h5>
<b> Sample Product</b></h5>
<h5 class="price-text-color">
$199.99</h5>
</div>
<div class="rating col-md-6">
<!-- <i class="price-text-color fa fa-star"></i><i class="price-text-color fa fa-star">
</i><i class="price-text-color fa fa-star"></i><i class="price-text-color fa fa-star">
</i><i class="fa fa-star"></i> -->
</div>
</div>
<div class="separator clear-left">
<p class="btn-add">
<i class="fa fa-shopping-cart"></i><a href="http://www.jquery2dotnet.com" class="">Add to cart</a></p>
<p class="btn-details">
<i class="fa fa-list"></i><a href="http://www.jquery2dotnet.com" class="">More details</a></p>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="col-item">
<div class="photo">
<img src="http://placehold.it/350x260" class="img-responsive" alt="a" />
</div>
<div class="info">
<div class="row">
<div class="price col-md-6">
<h5>
<b> Sample Product</b></h5>
<h5 class="price-text-color">
$199.99</h5>
</div>
<div class="rating col-md-6">
<!-- <i class="price-text-color fa fa-star"></i><i class="price-text-color fa fa-star">
</i><i class="price-text-color fa fa-star"></i><i class="price-text-color fa fa-star">
</i><i class="fa fa-star"></i> -->
</div>
</div>
<div class="separator clear-left">
<p class="btn-add">
<i class="fa fa-shopping-cart"></i><a href="http://www.jquery2dotnet.com" class="">Add to cart</a></p>
<p class="btn-details">
<i class="fa fa-list"></i><a href="http://www.jquery2dotnet.com" class="">More details</a></p>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div> <div class="col-sm-4">
<div class="col-item">
<div class="photo">
<img src="http://placehold.it/350x260" class="img-responsive" alt="a" />
</div>
<div class="info">
<div class="row">
<div class="price col-md-6">
<h5>
<b> Sample Product</b></h5>
<h5 class="price-text-color">
$199.99</h5>
</div>
<div class="rating col-md-6">
<!-- <i class="price-text-color fa fa-star"></i><i class="price-text-color fa fa-star">
</i><i class="price-text-color fa fa-star"></i><i class="price-text-color fa fa-star">
</i><i class="fa fa-star"></i> -->
</div>
</div>
<div class="separator clear-left">
<p class="btn-add">
<i class="fa fa-shopping-cart"></i><a href="http://www.jquery2dotnet.com" class="">Add to cart</a></p>
<p class="btn-details">
<i class="fa fa-list"></i><a href="http://www.jquery2dotnet.com" class="">More details</a></p>
</div>
<div class="clearfix">
</div>
</div>
</div>
</div>
</div>
</div>*/?>
</div>
</div>
<center>
<div class="blog-btn">
<a class="btn" href="<?=$site_url?>/products.html">View All Products<span class="lnr lnr-arrow-right"></span></a>
</div>
</center>
</div>
</div>
<script>
function add_to_cart_pro_ajax(pro_cart_id)
{
/*swal(""+pro_cart_id+"");*/
$.ajax({
url:"<?=$site_url?>/add_to_cart.php",
type:"POST",
data:{pro_cart_id:pro_cart_id},
success:function(data){
if(data=="quantity error")
{
swal("Quantity not available !", "", "error");
}else if(data=="Item added in your cart.")
{
// swal("Added !", "Item added in your cart", "success");
swal({title: "Added", text: "Item added in your cart", showConfirmButton: true, allowEscapeKey : false, allowOutsideClick: false, type: "success"},
function(){
location.reload();
}
);
}else{
swal("Item already added in your cart!", "", "error");
}
}
});
}
</script>
<?}?>