Before Width: | Height: | Size: 895 KiB |
Before Width: | Height: | Size: 668 KiB |
Before Width: | Height: | Size: 3.0 MiB |
Before Width: | Height: | Size: 1.2 MiB |
Before Width: | Height: | Size: 649 KiB |
Before Width: | Height: | Size: 1.9 MiB |
Before Width: | Height: | Size: 4.1 MiB |
Before Width: | Height: | Size: 179 KiB |
Before Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 103 KiB |
Before Width: | Height: | Size: 129 KiB |
Before Width: | Height: | Size: 131 KiB |
Before Width: | Height: | Size: 143 KiB |
Before Width: | Height: | Size: 108 KiB |
@ -1,317 +1,163 @@
|
|||||||
@extends('website.layout.layout')
|
@extends('website.layout.layout')
|
||||||
@section('content')
|
@section('content')
|
||||||
|
<section id="index-top">
|
||||||
<!-- hero -->
|
<div class="container">
|
||||||
<header id="head-slider" class=" mt-3 container">
|
<div class="grid">
|
||||||
<div class=" text-center " id="header">
|
<div class="display-block position-relative">
|
||||||
<div class="row m-0">
|
<div class="fa fa-mobile-alt fa-bg"></div>
|
||||||
<div class="hero-carousel col-md-12 my-2 order-md-last order-first mt-3">
|
<h2 class="mt-5 ms-3">
|
||||||
<div id="carouselExampleDark" class="carousel carousel-dark slide container-sm"
|
{{\App\Helpers\getSetting('top1text')}}
|
||||||
data-bs-ride="carousel">
|
</h2>
|
||||||
<div class="carousel-indicators">
|
<div class="clearfix mt-5 mb-5"></div>
|
||||||
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0"
|
<div id="owl2" class="owl-carousel owl-theme">
|
||||||
class="active"
|
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top1cat'),'id','desc',10) as $p)
|
||||||
aria-current="true" aria-label="Slide 1"></button>
|
<div class="item">
|
||||||
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1"
|
<div class="box">
|
||||||
aria-label="Slide 2"></button>
|
<a href="{{route('product',$p->slug)}}">
|
||||||
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2"
|
<img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}">
|
||||||
aria-label="Slide 3"></button>
|
|
||||||
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="3"
|
|
||||||
aria-label="Slide 4"></button>
|
|
||||||
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="4"
|
|
||||||
aria-label="Slide 5"></button>
|
|
||||||
</div>
|
|
||||||
<div class="carousel-inner">
|
|
||||||
<div class="carousel-item active" data-bs-interval="3000">
|
|
||||||
<a href="{{\App\Helpers\getSetting('carousel-1-link')}}">
|
|
||||||
<img src="{{asset('images/carousel/carousel-1.jpg')}}"
|
|
||||||
class="d-block w-100 "
|
|
||||||
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>
|
|
||||||
<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 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>
|
|
||||||
</header>
|
|
||||||
<!-- hero -->
|
|
||||||
|
|
||||||
<!-- banners-->
|
|
||||||
<section class="banners container mt-3">
|
|
||||||
<div class="row m-0">
|
|
||||||
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-3 mt-sm-3 mt-md-0 ">
|
|
||||||
<a href="{{\App\Helpers\getSetting('banner3-link')}}"><img src="{{asset('images/banner3.png')}}" alt=""></a>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-3 mt-sm-3 mt-md-0 ">
|
|
||||||
<a href="{{\App\Helpers\getSetting('banner4-link')}}"><img src="{{asset('images/banner4.png')}}" alt=""></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- banners-->
|
|
||||||
|
|
||||||
<!-- services-->
|
|
||||||
<div class="head-services container mt-3">
|
|
||||||
<div class="row m-0">
|
|
||||||
@if(\App\Helpers\getSettingCategory('supports') != null)
|
|
||||||
@foreach(\App\Helpers\getSettingCategory('supports')->posts as $p)
|
|
||||||
<div class="serv-box col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3">
|
|
||||||
<a href="{{route('n.show',$p->slug)}}">
|
|
||||||
<div class="row m-0">
|
|
||||||
<div class="col-4">
|
|
||||||
<img src="{{$p->imgUrl()}}" style="max-height: 58px;" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="col-8">
|
|
||||||
<h4>
|
<h4>
|
||||||
{{$p->title}}
|
{{$p->name}}
|
||||||
</h4>
|
</h4>
|
||||||
|
</a>
|
||||||
<span>
|
<span>
|
||||||
{{$p->subtitle}}
|
{{$p->getPrice()}}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
<a href="{{route('card.add',$p->slug)}}" class="add-to-card btn btn-primary btn-block mt-2 mb-2">
|
||||||
</div>
|
<img src="{{asset('images/basket.svg')}}" class="basket-icon" alt="">
|
||||||
|
افزودن به سبد خرید
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
@endif
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- services-->
|
<div class="position-relative">
|
||||||
|
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top2cat'),'id','desc',2) as $p)
|
||||||
|
<article>
|
||||||
|
<a href="{{route('product',$p->slug)}}">
|
||||||
|
|
||||||
<!-- slider 1-->
|
<img src="{{$p->thumbUrl()}}" alt="{{$p->name}}" title="{{$p->name}}">
|
||||||
<div class="slider-title container mt-4">
|
<div>
|
||||||
<h5>
|
<div class="text-light">
|
||||||
محصولات آرایشی
|
{{$p->getPrice()}}
|
||||||
</h5>
|
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<span class="badge bg-secondary discount">
|
||||||
|
{{\App\Helpers\getSetting('top2text')}}
|
||||||
|
</span>
|
||||||
|
</article>
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
|
||||||
<div class="owl-theme">
|
|
||||||
<div class="owl-controls">
|
|
||||||
<div class="custom-nav owl-nav"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<!-- slider 1-->
|
|
||||||
|
|
||||||
<!-- offer banners mid-->
|
|
||||||
<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>
|
</div>
|
||||||
<!-- offer banners mid-->
|
<div class="position-relative">
|
||||||
|
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('top3cat'),'id','desc',2) as $p)
|
||||||
|
<article>
|
||||||
|
<a href="{{route('product',$p->slug)}}">
|
||||||
|
|
||||||
<!-- slider 2-->
|
<img src="{{$p->thumbUrl()}}" alt="{{$p->name}}" title="{{$p->name}}">
|
||||||
<div class="slider-title container mt-4">
|
<div>
|
||||||
<h5>
|
<div class="text-light">
|
||||||
محصولات بهداشتی
|
{{$p->getPrice()}}
|
||||||
</h5>
|
|
||||||
</div>
|
</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>
|
||||||
</a>
|
</a>
|
||||||
|
<span class="badge bg-secondary discount">
|
||||||
|
{{\App\Helpers\getSetting('top3text')}}
|
||||||
|
</span>
|
||||||
|
</article>
|
||||||
|
@endforeach
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
</section>
|
||||||
|
<section id="new-products" class="mt-5 long-box">
|
||||||
|
<div class="container pt-4 pb-4">
|
||||||
|
<h1 class="mb-4">
|
||||||
|
{{\App\Helpers\getSetting('sectext')}}
|
||||||
|
</h1>
|
||||||
|
<div id="owl1" class="owl-carousel owl-theme">
|
||||||
|
@foreach(\App\Helpers\getProductByCat(\App\Helpers\getSetting('seccat'),'id','desc',10) as $p)
|
||||||
<div class="item ">
|
<div class="item ">
|
||||||
<a href="product.html">
|
<div class="box">
|
||||||
<div class="slider-box">
|
<a href="{{route('product',$p->slug)}}">
|
||||||
<img src="assets/img/index/products/p-3.jpeg" alt="Picture 1">
|
<img src="{{$p->thumbUrl()}}" class="img-fluid" alt="{{$p->name}}" title="{{$p->name}}">
|
||||||
<h5>
|
|
||||||
نام محصول
|
|
||||||
</h5>
|
|
||||||
<del>185.000</del>
|
|
||||||
<h6>165.200</h6>
|
|
||||||
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
|
||||||
</div>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<a href="{{route('product',$p->slug)}}">
|
||||||
<div class="item">
|
<h4>
|
||||||
<a href="product.html">
|
{{$p->name}}
|
||||||
<div class="slider-box">
|
</h4>
|
||||||
<img src="assets/img/index/products/p-4.jpeg" alt="Picture 1">
|
<span>
|
||||||
<h5>
|
{{$p->getPrice()}}
|
||||||
نام محصول
|
</span>
|
||||||
</h5>
|
</a>
|
||||||
<del>185.000</del>
|
<div>
|
||||||
<h6>165.200</h6>
|
<a href="{{route('card.add',$p->slug)}}" class="add-to-card btn btn-primary btn-block mt-2 mb-2 corner">
|
||||||
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
<img src="{{asset('images/basket.svg')}}" class="basket-icon" alt="">
|
||||||
</div>
|
افزودن به سبد خرید
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="owl-theme">
|
|
||||||
<div class="owl-controls">
|
|
||||||
<div class="custom-nav owl-nav"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
@endforeach
|
||||||
<!-- slider 2-->
|
|
||||||
|
|
||||||
<!-- slider 3-->
|
|
||||||
<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>
|
||||||
|
<a href="{{route('products')}}" class="float-end btn btn-outline-primary">
|
||||||
|
همه محصولات
|
||||||
</a>
|
</a>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
</div>
|
</div>
|
||||||
<div class="item">
|
</section>
|
||||||
<a href="product.html">
|
<section id="filtering" class="pb-4 pt-4 bg long-box">
|
||||||
<div class="slider-box">
|
<div class="container">
|
||||||
<img src="assets/img/index/products/p-1.jpeg" alt="Picture 1">
|
<h1>
|
||||||
<h5>
|
{{\App\Helpers\getSetting('3text')}}
|
||||||
نام محصول
|
</h1>
|
||||||
</h5>
|
<div class="btn-group mt-3" role="group" aria-label="Basic example">
|
||||||
<del>185.000</del>
|
<button type="button" class="btn btn-primary active" data-cat="all">همه</button>
|
||||||
<h6>165.200</h6>
|
@foreach(\App\Helpers\getSubCats(\App\Helpers\getSetting('3cat')) as $cat)
|
||||||
<img src="assets/img/sale.svg" class="sale-off" alt="">
|
<button type="button" class="btn btn-primary" data-cat="cat{{$cat->id}}">
|
||||||
|
{{$cat->name}}
|
||||||
|
</button>
|
||||||
|
@endforeach
|
||||||
</div>
|
</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>
|
</a>
|
||||||
|
<span>
|
||||||
|
|
||||||
|
{{$p->getPrice()}}
|
||||||
|
</span>
|
||||||
|
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</a>
|
@endforeach
|
||||||
|
|
||||||
</div>
|
</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>
|
</div>
|
||||||
|
</section>
|
||||||
|
<section id="brand" class="pt-4 pb-4">
|
||||||
|
<div class="container">
|
||||||
|
<h1>
|
||||||
|
برندها
|
||||||
|
</h1>
|
||||||
|
<div class="row">
|
||||||
|
@foreach(\App\Helpers\getSubCats(\App\Helpers\getSetting('4cat')) as $cat)
|
||||||
|
<div class="col-md-2 col-sm-3 col-4">
|
||||||
|
<a href="{{route('cat',$cat->slug)}}">
|
||||||
|
<img src="{{$cat->thumbUrl()}}" title="{{$cat->name}}" alt="{{$cat->name}}">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
@endforeach
|
||||||
<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
|
||||||
|