forked from a1gard/xshop
GitHub
commit
6f3921b43b
@ -1,11 +1,9 @@
|
|||||||
// back to top btn
|
// back to top btn
|
||||||
$('.backtop-btn').click(function(){
|
$('.backtop-btn').click(function () {
|
||||||
$('html, body').animate({ scrollTop: 0 }, 'slow');
|
$('html, body').animate({scrollTop: 0}, 'slow');
|
||||||
return false;
|
return false;
|
||||||
});
|
});
|
||||||
|
|
||||||
/* pre loader */
|
/* pre loader */
|
||||||
$(window).on('load', function () {
|
$('#preloader').delay(450).fadeOut('slow');
|
||||||
$('#preloader').delay(350).fadeOut('slow');
|
$('body').delay(450).css({'overflow': 'visible'});
|
||||||
$('body').delay(350).css({ 'overflow': 'visible' });
|
|
||||||
})
|
|
||||||
|
|||||||
@ -1,163 +1,317 @@
|
|||||||
@extends('website.layout.layout')
|
@extends('website.layout.layout')
|
||||||
@section('content')
|
@section('content')
|
||||||
<section id="index-top">
|
|
||||||
<div class="container">
|
<!-- hero -->
|
||||||
<div class="grid">
|
<header id="head-slider" class=" mt-3 container">
|
||||||
<div class="display-block position-relative">
|
<div class=" text-center " id="header">
|
||||||
<div class="fa fa-mobile-alt fa-bg"></div>
|
<div class="row m-0">
|
||||||
<h2 class="mt-5 ms-3">
|
<div class="hero-carousel col-md-12 my-2 order-md-last order-first mt-3">
|
||||||
{{\App\Helpers\getSetting('top1text')}}
|
<div id="carouselExampleDark" class="carousel carousel-dark slide container-sm"
|
||||||
</h2>
|
data-bs-ride="carousel">
|
||||||
<div class="clearfix mt-5 mb-5"></div>
|
<div class="carousel-indicators">
|
||||||
<div id="owl2" class="owl-carousel owl-theme">
|
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0"
|
||||||
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top1cat'),'id','desc',10) as $p)
|
class="active"
|
||||||
<div class="item">
|
aria-current="true" aria-label="Slide 1"></button>
|
||||||
<div class="box">
|
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1"
|
||||||
<a href="{{route('product',$p->slug)}}">
|
aria-label="Slide 2"></button>
|
||||||
<img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}">
|
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2"
|
||||||
<h4>
|
aria-label="Slide 3"></button>
|
||||||
{{$p->name}}
|
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="3"
|
||||||
</h4>
|
aria-label="Slide 4"></button>
|
||||||
</a>
|
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="4"
|
||||||
<span>
|
aria-label="Slide 5"></button>
|
||||||
{{$p->getPrice()}}
|
</div>
|
||||||
</span>
|
<div class="carousel-inner">
|
||||||
<a href="{{route('card.add',$p->slug)}}" class="add-to-card btn btn-primary btn-block mt-2 mb-2">
|
<div class="carousel-item active" data-bs-interval="3000">
|
||||||
<img src="{{asset('images/basket.svg')}}" class="basket-icon" alt="">
|
<a href="{{\App\Helpers\getSetting('carousel-1-link')}}">
|
||||||
افزودن به سبد خرید
|
<img src="{{asset('images/carousel/carousel-1.jpg')}}"
|
||||||
</a>
|
class="d-block w-100 "
|
||||||
</div>
|
alt="..."></a>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
<a href="{{\App\Helpers\getSetting('carousel-2-link')}}">
|
||||||
|
<img src="{{asset('images/carousel/carousel-2.jpg')}}"
|
||||||
|
class="d-block w-100"
|
||||||
|
alt="..."></a>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
<a href="{{\App\Helpers\getSetting('carousel-3-link')}}">
|
||||||
|
<img src="{{asset('images/carousel/carousel-3.jpg')}}"
|
||||||
|
class="d-block w-100"
|
||||||
|
alt="..."></a>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
<a href="{{\App\Helpers\getSetting('carousel-4-link')}}">
|
||||||
|
<img src="{{asset('images/carousel/carousel-4.jpg')}}"
|
||||||
|
class="d-block w-100"
|
||||||
|
alt="..."></a>
|
||||||
|
</div>
|
||||||
|
<div class="carousel-item" data-bs-interval="3000">
|
||||||
|
<a href="{{\App\Helpers\getSetting('carousel-5-link')}}">
|
||||||
|
<img src="{{asset('images/carousel/carousel-5.jpg')}}"
|
||||||
|
class="d-block w-100 "
|
||||||
|
alt="..."></a>
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
</div>
|
||||||
|
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark"
|
||||||
|
data-bs-slide="prev">
|
||||||
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||||
|
<span class="visually-hidden">Previous</span>
|
||||||
|
</button>
|
||||||
|
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark"
|
||||||
|
data-bs-slide="next">
|
||||||
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||||
|
<span class="visually-hidden">Next</span>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="position-relative">
|
|
||||||
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top2cat'),'id','desc',2) as $p)
|
|
||||||
<article>
|
|
||||||
<a href="{{route('product',$p->slug)}}">
|
|
||||||
|
|
||||||
<img src="{{$p->thumbUrl()}}" alt="{{$p->name}}" title="{{$p->name}}">
|
|
||||||
<div>
|
|
||||||
<div class="text-light">
|
|
||||||
{{$p->getPrice()}}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
<span class="badge bg-secondary discount">
|
|
||||||
{{\App\Helpers\getSetting('top2text')}}
|
|
||||||
</span>
|
|
||||||
</article>
|
|
||||||
@endforeach
|
|
||||||
|
|
||||||
|
<div class="row m-0">
|
||||||
|
<div class="col-6">
|
||||||
|
<a href="{{\App\Helpers\getSetting('banner1-link')}}"><img src="{{asset('images/banner1.png')}}" alt=""></a>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<a href="{{\App\Helpers\getSetting('banner2-link')}}"><img src="{{asset('images/banner2.png')}}" alt=""></a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="position-relative">
|
|
||||||
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top3cat'),'id','desc',2) as $p)
|
|
||||||
<article>
|
|
||||||
<a href="{{route('product',$p->slug)}}">
|
|
||||||
|
|
||||||
<img src="{{$p->thumbUrl()}}" alt="{{$p->name}}" title="{{$p->name}}">
|
</div>
|
||||||
<div>
|
</div>
|
||||||
<div class="text-light">
|
</header>
|
||||||
{{$p->getPrice()}}
|
<!-- hero -->
|
||||||
</div>
|
|
||||||
</div>
|
<!-- banners-->
|
||||||
</a>
|
<section class="banners container mt-3">
|
||||||
<span class="badge bg-secondary discount">
|
<div class="row m-0">
|
||||||
{{\App\Helpers\getSetting('top3text')}}
|
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-3 mt-sm-3 mt-md-0 ">
|
||||||
</span>
|
<a href="{{\App\Helpers\getSetting('banner3-link')}}"><img src="{{asset('images/banner3.png')}}" alt=""></a>
|
||||||
</article>
|
</div>
|
||||||
@endforeach
|
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-3 mt-sm-3 mt-md-0 ">
|
||||||
</div>
|
<a href="{{\App\Helpers\getSetting('banner4-link')}}"><img src="{{asset('images/banner4.png')}}" alt=""></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="new-products" class="mt-5 long-box">
|
<!-- banners-->
|
||||||
<div class="container pt-4 pb-4">
|
|
||||||
<h1 class="mb-4">
|
<!-- services-->
|
||||||
{{\App\Helpers\getSetting('sectext')}}
|
<div class="head-services container mt-3">
|
||||||
</h1>
|
<div class="row m-0">
|
||||||
<div id="owl1" class="owl-carousel owl-theme">
|
@if(\App\Helpers\getSettingCategory('supports') != null)
|
||||||
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('seccat'),'id','desc',10) as $p)
|
@foreach(\App\Helpers\getSettingCategory('supports')->posts as $p)
|
||||||
<div class="item ">
|
<div class="serv-box col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3">
|
||||||
<div class="box">
|
<a href="{{route('n.show',$p->slug)}}">
|
||||||
<a href="{{route('product',$p->slug)}}">
|
<div class="row m-0">
|
||||||
<img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}">
|
<div class="col-4">
|
||||||
</a>
|
<img src="{{$p->imgUrl()}}" style="max-height: 58px;" alt="">
|
||||||
<a href="{{route('product',$p->slug)}}">
|
</div>
|
||||||
<h4>
|
<div class="col-8">
|
||||||
{{$p->name}}
|
<h4>
|
||||||
</h4>
|
{{$p->title}}
|
||||||
<span>
|
</h4>
|
||||||
{{$p->getPrice()}}
|
<span>
|
||||||
</span>
|
{{$p->subtitle}}
|
||||||
</a>
|
</span>
|
||||||
<div>
|
</div>
|
||||||
<a href="{{route('card.add',$p->slug)}}" class="add-to-card btn btn-primary btn-block mt-2 mb-2 corner">
|
|
||||||
<img src="{{asset('images/basket.svg')}}" class="basket-icon" alt="">
|
|
||||||
افزودن به سبد خرید
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- services-->
|
||||||
|
|
||||||
|
<!-- slider 1-->
|
||||||
|
<div class="slider-title container mt-4">
|
||||||
|
<h5>
|
||||||
|
محصولات آرایشی
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<section class="slider container ">
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="owl-carousel owl-theme">
|
||||||
|
@foreach($disPros as $pro)
|
||||||
|
<div class="item">
|
||||||
|
<a href="{{route('product',$pro->slug)}}">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="{{$pro->thumburl()}}" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
{{$pro->name}}
|
||||||
|
</h5>
|
||||||
|
<del>
|
||||||
|
{{$pro->getOldPrice()}}
|
||||||
|
</del>
|
||||||
|
<h6>
|
||||||
|
{{$pro->getPurePrice()}}
|
||||||
|
</h6>
|
||||||
|
<img src="{{asset('images/sale.svg')}}" class="sale-off" alt="">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
|
<div class="owl-theme">
|
||||||
|
<div class="owl-controls">
|
||||||
|
<div class="custom-nav owl-nav"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="{{route('products')}}" class="float-end btn btn-outline-primary">
|
|
||||||
همه محصولات
|
|
||||||
</a>
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="filtering" class="pb-4 pt-4 bg long-box">
|
<!-- slider 1-->
|
||||||
<div class="container">
|
|
||||||
<h1>
|
|
||||||
{{\App\Helpers\getSetting('3text')}}
|
|
||||||
</h1>
|
|
||||||
<div class="btn-group mt-3" role="group" aria-label="Basic example">
|
|
||||||
<button type="button" class="btn btn-primary active" data-cat="all">همه</button>
|
|
||||||
@foreach(\App\Helpers\getSubCats(\App\Helpers\getSetting('3cat')) as $cat)
|
|
||||||
<button type="button" class="btn btn-primary" data-cat="cat{{$cat->id}}">
|
|
||||||
{{$cat->name}}
|
|
||||||
</button>
|
|
||||||
@endforeach
|
|
||||||
</div>
|
|
||||||
<div id="da-thumbs" class="da-thumbs">
|
|
||||||
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('3cat'),'stock_quantity','desc',12) as $p)
|
|
||||||
<div class="item custom @foreach($p->categories()->pluck('id')->toArray() as $c) cat{{$c}} @endforeach shad pad">
|
|
||||||
<div class="box">
|
|
||||||
<a href="{{route('product',$p->slug)}}">
|
|
||||||
<img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}" >
|
|
||||||
<h4>
|
|
||||||
{{$p->name}}
|
|
||||||
</h4>
|
|
||||||
</a>
|
|
||||||
<span>
|
|
||||||
|
|
||||||
{{$p->getPrice()}}
|
<!-- offer banners mid-->
|
||||||
</span>
|
<div class="offer-mid-banner mt-3 container">
|
||||||
|
<div class="row m-0">
|
||||||
|
<div class="col-6">
|
||||||
|
<a href="{{\App\Helpers\getSetting('offer1-link')}}"><img src="{{asset('images/offer1.png')}}" alt=""></a>
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<a href="{{\App\Helpers\getSetting('offer2-link')}}"><img src="{{asset('images/offer2.png')}}" alt=""></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- offer banners mid-->
|
||||||
|
|
||||||
|
<!-- slider 2-->
|
||||||
|
<div class="slider-title container mt-4">
|
||||||
|
<h5>
|
||||||
|
محصولات بهداشتی
|
||||||
|
</h5>
|
||||||
|
</div>
|
||||||
|
<section class="slider container ">
|
||||||
|
<div class="main-content">
|
||||||
|
<div class="owl-carousel owl-theme">
|
||||||
|
<div class="item">
|
||||||
|
<a href="product.html">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="assets/img/index/products/p-2.jpeg" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
نام محصول
|
||||||
|
</h5>
|
||||||
|
<del>185.000</del>
|
||||||
|
<h6>165.200</h6>
|
||||||
|
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</a>
|
||||||
@endforeach
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="product.html">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="assets/img/index/products/p-1.jpeg" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
نام محصول
|
||||||
|
</h5>
|
||||||
|
<del>185.000</del>
|
||||||
|
<h6>165.200</h6>
|
||||||
|
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="product.html">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="assets/img/index/products/p-3.jpeg" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
نام محصول
|
||||||
|
</h5>
|
||||||
|
<del>185.000</del>
|
||||||
|
<h6>165.200</h6>
|
||||||
|
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="product.html">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="assets/img/index/products/p-4.jpeg" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
نام محصول
|
||||||
|
</h5>
|
||||||
|
<del>185.000</del>
|
||||||
|
<h6>165.200</h6>
|
||||||
|
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="owl-theme">
|
||||||
|
<div class="owl-controls">
|
||||||
|
<div class="custom-nav owl-nav"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section id="brand" class="pt-4 pb-4">
|
<!-- slider 2-->
|
||||||
<div class="container">
|
|
||||||
<h1>
|
<!-- slider 3-->
|
||||||
برندها
|
<div class="slider-title container mt-4">
|
||||||
</h1>
|
<h5>
|
||||||
<div class="row">
|
محصولات بهداشت بدن
|
||||||
@foreach(\App\Helpers\getSubCats(\App\Helpers\getSetting('4cat')) as $cat)
|
</h5>
|
||||||
<div class="col-md-2 col-sm-3 col-4">
|
</div>
|
||||||
<a href="{{route('cat',$cat->slug)}}">
|
<section class="slider container ">
|
||||||
<img src="{{$cat->thumbUrl()}}" title="{{$cat->name}}" alt="{{$cat->name}}">
|
<div class="main-content">
|
||||||
</a>
|
<div class="owl-carousel owl-theme">
|
||||||
</div>
|
<div class="item">
|
||||||
@endforeach
|
<a href="product.html">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="assets/img/index/products/p-2.jpeg" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
نام محصول
|
||||||
|
</h5>
|
||||||
|
<del>185.000</del>
|
||||||
|
<h6>165.200</h6>
|
||||||
|
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="product.html">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="assets/img/index/products/p-1.jpeg" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
نام محصول
|
||||||
|
</h5>
|
||||||
|
<del>185.000</del>
|
||||||
|
<h6>165.200</h6>
|
||||||
|
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="product.html">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="assets/img/index/products/p-3.jpeg" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
نام محصول
|
||||||
|
</h5>
|
||||||
|
<del>185.000</del>
|
||||||
|
<h6>165.200</h6>
|
||||||
|
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="product.html">
|
||||||
|
<div class="slider-box">
|
||||||
|
<img src="assets/img/index/products/p-4.jpeg" alt="Picture 1">
|
||||||
|
<h5>
|
||||||
|
نام محصول
|
||||||
|
</h5>
|
||||||
|
<del>185.000</del>
|
||||||
|
<h6>165.200</h6>
|
||||||
|
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="owl-theme">
|
||||||
|
<div class="owl-controls">
|
||||||
|
<div class="custom-nav owl-nav"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<!-- slider 3-->
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|||||||
Loading…
Reference in New Issue