fix css and html structure
This commit is contained in:
@@ -224,6 +224,10 @@ div.megamenu ul.megamenu li.megamenu.level1
|
||||
color: #335012!important;
|
||||
}
|
||||
|
||||
.filters-width {
|
||||
width: 192px;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'noto_sanscondensed';
|
||||
src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot');
|
||||
|
||||
@@ -1,17 +1,17 @@
|
||||
<a href="{{ route('Shop.Articles.show', ['id' => $article['semences']['article_id'] ?? false ]) }}" class="{{ ($product_type == 'botanic') ? 'green-dark' : 'green-dark' }}">
|
||||
<div class="card {{ (($article_nature ?? false) == 'semences') ? 'bg-yellow' : 'bg-green-dark' }}">
|
||||
<div class="card">
|
||||
<img src="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}" class="card-img-top" alt="{{ $product_name }}">
|
||||
<div class="card-body p-2 pb-1">
|
||||
<div class="row card-title">
|
||||
<div class="col-12 light">
|
||||
<!--
|
||||
<i class="fa fa-heart red"></i>
|
||||
-->
|
||||
<div class="col-12 green">
|
||||
<div class="text-truncate mb-0" style="font-size: 1.3em;">{{ $article['parent_name'] }}</div>
|
||||
<div class="text-truncate">{{ $article['product_name'] }}</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('Shop.Articles.partials.article_' . $product_type)
|
||||
<button type="button" class="btn btn-link bg-green text-white w-100">
|
||||
Ajout rapide
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
15
resources/views/Shop/Shelves/partials/display-type.blade.php
Normal file
15
resources/views/Shop/Shelves/partials/display-type.blade.php
Normal file
@@ -0,0 +1,15 @@
|
||||
@include('components.form.button', [
|
||||
'id' => 'by_cards',
|
||||
'icon' => 'fa-th',
|
||||
'style' => ($display_by_rows ?? false) ? ' font-size: x-small;' : '',
|
||||
'class' => 'btn-secondary',
|
||||
'title' => 'Vue par vignettes',
|
||||
])
|
||||
|
||||
@include('components.form.button', [
|
||||
'id' => 'by_rows',
|
||||
'icon' => 'fa-list',
|
||||
'style' => (!$display_by_rows ?? true) ? ' font-size: x-small;' : '',
|
||||
'class' => 'btn-secondary',
|
||||
'title' => 'Vue par lignes',
|
||||
])
|
||||
@@ -10,13 +10,18 @@
|
||||
<input type="hidden" id="article_nature" name="article_nature" value="{{ $article_nature ?? false }}">
|
||||
|
||||
<div class="row mb-3">
|
||||
<div class="col-9">
|
||||
@include('Shop.Shelves.partials.breadcrumb')
|
||||
</div>
|
||||
<div class="col-3 text-right">
|
||||
@include('Shop.Shelves.partials.display-type')
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
@include('Shop._partials.display_filters')
|
||||
</div>
|
||||
<div class="col-6">
|
||||
@include('Shop.Shelves.partials.breadcrumb')
|
||||
</div>
|
||||
<div class="col-3">
|
||||
<div class="col-9">
|
||||
@include('Shop.Shelves.partials.category_add')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -42,6 +42,8 @@
|
||||
$('#sidebar').toggleClass('d-none');
|
||||
$('#filter-on').toggleClass('d-none');
|
||||
$('#filter-off').toggleClass('d-none');
|
||||
$('#filter-off-text').toggleClass('d-none');
|
||||
$('#filters').toggleClass('filters-width');
|
||||
});
|
||||
$('.filter_tags input').change(function() {
|
||||
$('#category-form').submit();
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@if (!($no_filter ?? false))
|
||||
<button type="button" class="btn btn-success" id="filters" title="Filtres" data-toggle="tooltip">
|
||||
<button type="button" class="btn bg-green text-white" id="filters" title="Filtres" data-toggle="tooltip">
|
||||
<span id="filter-on" class="fa fa-fw @if ($filter_on ?? false) d-none" @endif">
|
||||
<i class="fa fa-filter"></i>
|
||||
</span>
|
||||
@@ -7,22 +7,6 @@
|
||||
<i class="fa fa-stack-1x fa-filter"></i>
|
||||
<i class="fa fa-stack-2x fa-ban" style="color:Tomato"></i>
|
||||
</span>
|
||||
<span id="filter-off-text" class="@if (!($filter_on ?? false)) d-none @endif"> Cacher les filtres</span>
|
||||
</button>
|
||||
@endif
|
||||
|
||||
@if ($display_by_rows ?? false)
|
||||
@include('components.form.button', [
|
||||
'id' => 'by_cards',
|
||||
'icon' => 'fa-th',
|
||||
'class' => 'btn-secondary',
|
||||
'title' => 'Vue par vignettes',
|
||||
])
|
||||
@else
|
||||
@include('components.form.button', [
|
||||
'id' => 'by_rows',
|
||||
'icon' => 'fa-list',
|
||||
'class' => 'btn-secondary',
|
||||
'title' => 'Vue par lignes',
|
||||
])
|
||||
@endif
|
||||
|
||||
|
||||
@@ -26,17 +26,17 @@
|
||||
</div>
|
||||
<div class="col mb-4">
|
||||
@for ($i = 0; $i < count($submenu[3]); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[3][$i]])
|
||||
@endfor
|
||||
</div>
|
||||
<div class="col mb-4">
|
||||
@for ($i = 0; $i < count($submenu[4]); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[4][$i]])
|
||||
@endfor
|
||||
</div>
|
||||
<div class="col mb-4">
|
||||
@for ($i = 0; $i < count($submenu[5]); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[5][$i]])
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<button type="{{ $type ?? 'button' }}" class="btn {{ $class ?? ''}}"
|
||||
@isset($style) style="{{ $style }}" @endisset
|
||||
@isset($id) id="{{ $id }}" @endisset
|
||||
@isset($data_id) data-id="{{ $data_id }}" @endisset
|
||||
@isset($dataId) data-id="{{ $dataId }}" @endisset
|
||||
|
||||
Reference in New Issue
Block a user