Fix slider

This commit is contained in:
Ludovic CANDELLIER
2022-03-30 17:54:50 +02:00
parent e77ed62066
commit d4bb94a487
4 changed files with 17 additions and 14 deletions

View File

@@ -9,7 +9,7 @@
<a href="{{ route('Shop.Categories.show', ['id' => $shelve['id']]) }}">Tout voir</a>
</div>
</div>
<div class="row shelve_slider_{{ $shelve['id'] }}">
<div class="row shelve_slider_{{ $shelve['id'] }} slider">
@foreach ($shelve['articles'] as $name => $article)
<div class="text-center pr-2 pl-2">
<a href="{{ route('Shop.Articles.show', ['id' => $article['id']]) }}">
@@ -20,14 +20,4 @@
@endforeach
</div>
</div>
@push('js')
<script>
$('.shelve_slider_{{ $shelve['id'] }}').slick({
lazyLoad: 'ondemand',
slidesToShow: 6,
slidesToScroll: 1
});
</script>
@endpush
@endif

View File

@@ -14,3 +14,16 @@
@endsection
@include('load.slick')
@push('js')
<script>
$(document).ready(function() {
$('.slider').slick({
lazyLoad: 'ondemand',
slidesToShow: 6,
slidesToScroll: 1
});
});
</script>
@endpush

View File

@@ -25,7 +25,7 @@
<div class="wrapper">
<main>
@include("Shop.layout.partials.header")
@include("Shop.layout.partials.header")
<div class="content-wrapper">
<section class="content">
<div class="container-fluid">

View File

@@ -1,7 +1,7 @@
<div class="row bg-green">
<div class="row bg-green mr-0">
<div class="col-4 col-md-2 form-inline pl-4">
<a href="/"><img src="/img/logo.jpg" class="img-responvive pull-left"></a>
<a href="/"><img src="/img/logo.jpg" class="img-responvive"></a>
<a id="filters" href="#" class="text-white pl-3"><i class="fa fa-2x fa-bars"></i></a>
</div>