@extends('general.head')
@section('middle')
<style>
@media (max-width: 991px){
.agileinfo-ads-display {
margin-top: 35px;
padding: 0px !important;
}
.responsive-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
/* Default character limit for mobile screens */
/* Character limit for tablet and laptop screens */
</style>
<style>
/* Set the background color of body to tan */
/* On screens that are 992px or less, set the background color to blue */
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
.cat_image{
height: 97px !important;
}
}
</style>
<head>
<title>@section('title', 'Shop-')Ckgroceries</title>
<meta name="keywords" content="Ckgroceries Shop, online shoping, Best e-commerce site, online groceresie products" />
<meta name="description" content="CKgroceries is the best e-commerce site to find groceries product online. We have a groceries products that are available online to buy it easily. " />
</head>
<div class="page-head_agile_info_w3l">
</div>
<!-- //banner-2 -->
<!-- page -->
<div class="services-breadcrumb">
<div class="agile_inner_breadcrumb">
<div class="container">
<ul class="w3_short">
<li>
<a href="{{ url('/') }}">Home</a>
<i>|</i>
</li>
<li>Categorywise Products</li>
</ul>
</div>
</div>
</div>
<!-- //page -->
<!-- Single Page -->
<div class="banner-bootom-w3-agileits">
<div class="container">
<div>
@foreach($categories as $category)
@php
$products = $products=DB::Table('products')
->select('products.*','product_images.image_name','product_images.product_image_id','product_rates.amount')
->leftjoin('product_images','product_images.product_id','products.product_id')
->leftjoin('product_rates','product_rates.product_id','products.product_id')
->where('products.category_id',$category->id)
->groupBy('product_images.product_id')
->OrderBy('products.product_id','ASC')
->get();
@endphp
@if(count($products)>0)
<h3 class="heading-tittle" style="margin-top: 10px">{{ $category->name }}</h3>
@endif
@foreach($products as $arrival)
<div class="col-md-3 col-xs-6 col-sm-6 khan" style="margin-top: 20px">
<div class="men-pro-item simpleCart_shelfItem">
<div class="men-thumb-item">
<img class="cat_image" src="{{ url('public/uploads/products') }}/{{ $arrival->image_name }}" alt="">
<div class="men-cart-pro">
<div class="inner-men-cart-pro">
@php
$check = DB::table('product_rates')->where('product_id',$arrival->product_id)->get();
@endphp
@if(count($check)>0)
<a href="{{ url('product_detail') }}/{{ $arrival->product_id }}/{{ $check[0]->rate_id }}" class="link-product-add-cart">Quick View</a>
@else
@endif
</div>
</div>
<!-- <span class="product-new-top">New</span>-->
</div>
<div class="item-info-product ">
<h4 class="text-md-center text-sm-left">
<a><span>{{ str_limit($arrival->name, 15) }}</span></a>
</h4>
@php
$check = DB::table('product_rates')->where('product_id',$arrival->product_id)->get();
@endphp
@if(count($check)>0)
<div class="product--size">
@foreach($check as $size)
<span class="active"><a href="{{ url('product_detail') }}/{{ $size->product_id }}/{{ $size->rate_id }}" onMouseOver="this.style.color='black'"
onMouseOut="this.style.color='white'" style="color: white; ">{{ $size->quantity }}{{ $size->unit }}</a></span>
@endforeach
</div>
@else
@endif
<div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out">
<br>
@php
$check = DB::table('product_rates')->where('product_id',$arrival->product_id)->get();
@endphp
@if(count($check)>0)
<a href="{{ url('product_detail') }}/{{ $arrival->product_id }}/{{ $check[0]->rate_id }}" style="color: #fff;background: #1accfd;text-decoration: none;position: relative;border: none;border-radius: 0; width: 100%;text-transform: uppercase;padding: 7px; outline: none;letter-spacing: 1px;font-weight: 600;" name="submit" value="View Detail" class="button mycolor"><i class="glyphicon glyphicon-eye-open"></i><span class="hidden-xs"></span></a>
@if(count($check)>1)
<button style="" onclick="showoptions('<?php echo $arrival->product_id; ?>','<?php echo $check[0]->rate_id; ?>')" class="btn btn-primary mybtn">Choose Options</button>
@else
<a onclick="addtocart('<?php echo $check[0]->product_id; ?>', '<?php echo $check[0]->quantity; ?>', '<?php echo $check[0]->unit; ?>', '<?php echo $check[0]->amount; ?>')"
style="color: #fff; background: #1accfd; text-decoration: none; position: relative; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: 7px; outline: none; letter-spacing: 1px; font-weight: 600;"
name="submit" value="Add to cart" class="button mycolor">
<i class="glyphicon glyphicon-shopping-cart"></i>
<span class="hidden-xs"></span>
</a>
@endif
@else
@endif
</div>
</div>
</div>
</div>
@endforeach
<br>
<div class="clearfix"></div>
<br>
@endforeach
</div>
</div>
</div>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
function showoptions(product_id,rate_id){
$('#modalmaindiv').html('');
$.get("{{ url('ajax_product_detail') }}"+"/"+product_id + "/" + rate_id, function (data, status) {
$('#loader').hide();
$('#exampleModal').modal('show');
$("#modalmaindiv").html(data.html);
});
}
</script>
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell