better integration of filters
This commit is contained in:
@@ -1,10 +1,13 @@
|
|||||||
<div class="row">
|
<aside class="main-sidebar float-left d-none" id="sidebar" style="width: 300px;">
|
||||||
|
<section class="sidebar" style="height: auto;">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
@include('components.form.button', ['id' => 'reset_filters', 'txt' => 'Annuler les filtres', 'class' => 'btn-success w-100'])
|
@include('components.form.button', ['id' => 'reset_filters', 'txt' => 'Annuler les filtres', 'class' => 'btn-success w-100'])
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@foreach ($tags as $group)
|
@foreach ($tags as $group)
|
||||||
<h5>{{ $group['name'] }}</h5>
|
<h5>{{ $group['name'] }}</h5>
|
||||||
@foreach ($group['tags'] as $tag)
|
@foreach ($group['tags'] as $tag)
|
||||||
<div>
|
<div>
|
||||||
@@ -15,4 +18,15 @@
|
|||||||
{{ $tag['name'] }} ({{ $tag['count'] }})
|
{{ $tag['name'] }} ({{ $tag['count'] }})
|
||||||
</div>
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
@endforeach
|
@endforeach
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
@push('js')
|
||||||
|
<script>
|
||||||
|
$('#filters').click(function() {
|
||||||
|
$('#sidebar').toggleClass('d-none');
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
@endpush
|
||||||
@@ -1,12 +1,13 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-6">
|
<div class="col-6">
|
||||||
<button type="button" class="btn btn-success">
|
<button type="button" class="btn btn-success">
|
||||||
<i class="fa fa-seedling"></i>
|
<i class="fa fa-2x fa-seedling"></i>
|
||||||
Ajouter au panier la liste des <strong>semences</strong>
|
Ajouter au panier la liste des <strong>semences</strong>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6">
|
<div class="col-6">
|
||||||
<button type="button" class="btn btn-warning">
|
<button type="button" class="btn btn-warning">
|
||||||
|
<i class="fab fa-2x fa-pagelines"></i>
|
||||||
Ajouter au panier la liste des <strong>plants</strong>
|
Ajouter au panier la liste des <strong>plants</strong>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
<div class="col-4 col-md-2 form-inline pl-4">
|
<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 pull-left"></a>
|
||||||
|
<a id="filters" href="#" class="text-white pl-3"><i class="fa fa-2x fa-bars"></i></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-8 col-md-6 form-inline">
|
<div class="col-8 col-md-6 form-inline">
|
||||||
|
|||||||
@@ -3,11 +3,8 @@
|
|||||||
])
|
])
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="row">
|
|
||||||
<div class="col-3 col-lg-2">
|
|
||||||
@include('Shop.Tags.partials.filter')
|
@include('Shop.Tags.partials.filter')
|
||||||
</div>
|
|
||||||
<div class="col-9 col-lg-10">
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-8">
|
<div class="col-8">
|
||||||
<h1 style="font-size: 2em;">{{ $category['name'] }}</h1>
|
<h1 style="font-size: 2em;">{{ $category['name'] }}</h1>
|
||||||
@@ -22,6 +19,4 @@
|
|||||||
@else
|
@else
|
||||||
@include('Shop.layout.partials.category_articles')
|
@include('Shop.layout.partials.category_articles')
|
||||||
@endif
|
@endif
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@endsection
|
@endsection
|
||||||
20
resources/views/load/layout/sidebar.blade.php
Normal file
20
resources/views/load/layout/sidebar.blade.php
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
@if(!defined('LOAD_SIDEBAR'))
|
||||||
|
@push('scripts')
|
||||||
|
|
||||||
|
<script type="text/javascript" src="/assets/plugins/sidr/jquery.sidr.min.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function initSidebar(sel) {
|
||||||
|
var selector = (typeof(sel) == 'undefined') ? '#sidebar' : sel;
|
||||||
|
$(selector).sidr();
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
@endpush
|
||||||
|
|
||||||
|
@push('css')
|
||||||
|
<link rel="stylesheet" href="/assets/plugins/sidr/stylesheets/jquery.sidr.light.min.css">
|
||||||
|
@endpush
|
||||||
|
|
||||||
|
@php(define('LOAD_SIDEBAR', true))
|
||||||
|
@endif
|
||||||
Reference in New Issue
Block a user