enhance css
This commit is contained in:
Ludovic CANDELLIER
@@ -28,7 +28,6 @@ var cssSite = [
|
||||
'node_modules/animate.css/animate.min.css',
|
||||
'node_modules/icheck-bootstrap/icheck-bootstrap.min.css',
|
||||
'build/js/plugins/smooth_products/css/smoothproducts.css',
|
||||
'build/css/shadow.css',
|
||||
'build/css/site.css',
|
||||
]
|
||||
|
||||
|
||||
@@ -42,4 +42,9 @@ class OrderController extends Controller
|
||||
{
|
||||
return Orders::delete($id);
|
||||
}
|
||||
|
||||
public function download($id)
|
||||
{
|
||||
return Orders::download($id);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -29,6 +29,10 @@ class CategoryController extends Controller
|
||||
$product_type = 'botanic';
|
||||
$article_nature_id = 2;
|
||||
break;
|
||||
case 'legumes':
|
||||
$product_type = 'botanic';
|
||||
$article_nature_id = 3;
|
||||
break;
|
||||
default:
|
||||
$product_type = 'botanic';
|
||||
$article_nature_id = 1;
|
||||
|
||||
@@ -9,6 +9,9 @@ use App\Repositories\Shop\Articles;
|
||||
use App\Repositories\Shop\TagGroups;
|
||||
use App\Repositories\Shop\Homepages;
|
||||
|
||||
use App\Repositories\Config;
|
||||
use App\Repositories\Core\Arrays;
|
||||
|
||||
class HomeController extends Controller
|
||||
{
|
||||
public function index(Request $request)
|
||||
|
||||
@@ -31,6 +31,7 @@ class PayboxController extends Controller
|
||||
public function process(Request $request)
|
||||
{
|
||||
dump($request);
|
||||
exit;
|
||||
return view('paybox.send');
|
||||
}
|
||||
}
|
||||
|
||||
@@ -16,4 +16,50 @@ class Arrays
|
||||
unset($array[$oldkey]);
|
||||
return $array;
|
||||
}
|
||||
|
||||
public static function slotify($array, $length)
|
||||
{
|
||||
// Create a placeholder array and calculate the number of items
|
||||
// needed per slot (think card dealing LtoR).
|
||||
for ($slots = array_fill(0, $length, 0), $count = count($array), $i = 0; $i < $count; $slots[$i % $length]++, $i++);
|
||||
|
||||
// Now just take slices of the original array
|
||||
// depending on the calculated slot number and place in our slots
|
||||
foreach ($slots as $k => $n) {
|
||||
$slots[$k] = array_splice($array, 0, $n);
|
||||
}
|
||||
|
||||
return $slots;
|
||||
}
|
||||
|
||||
public static function alternate_chunk($array, $parts)
|
||||
{
|
||||
$t = 0;
|
||||
$result = array();
|
||||
$max = ceil(count($array) / $parts);
|
||||
foreach (array_chunk($array, $max) as $v) {
|
||||
if ($t < $parts) {
|
||||
$result[] = $v;
|
||||
} else {
|
||||
foreach ($v as $d) {
|
||||
$result[] = array($d);
|
||||
}
|
||||
}
|
||||
$t += count($v);
|
||||
}
|
||||
return $result;
|
||||
}
|
||||
|
||||
|
||||
public static function fill_chunk($array, $parts)
|
||||
{
|
||||
$t = 0;
|
||||
$result = array_fill(0, $parts - 1, array());
|
||||
$max = ceil(count($array) / $parts);
|
||||
foreach ($array as $v) {
|
||||
count($result[$t]) >= $max and $t ++;
|
||||
$result[$t][] = $v;
|
||||
}
|
||||
return $result;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -86,6 +86,12 @@ class Orders
|
||||
return Order::destroy($id);
|
||||
}
|
||||
|
||||
public static function download($id)
|
||||
{
|
||||
dump($id);
|
||||
exit;
|
||||
}
|
||||
|
||||
public static function getStatus($id)
|
||||
{
|
||||
return self::statuses()[$id] ?? false;
|
||||
|
||||
@@ -4,9 +4,7 @@
|
||||
float:left;
|
||||
width:100%;
|
||||
background:#fff;
|
||||
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
|
||||
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
|
||||
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
|
||||
box-shadow: 0px 10px 21px #344f17;
|
||||
}
|
||||
|
||||
.drop-shadow:before,
|
||||
|
||||
@@ -1,16 +1,64 @@
|
||||
body {
|
||||
font-family: 'noto_sanscondensed', sans-serif;
|
||||
/* line-height: 1em!important; */
|
||||
/*
|
||||
background-image: linear-gradient(to right top, #1d382e, #234236, #2a4d3d, #315745, #39624c, #3a634d, #3a654d, #3b664e, #355e48, #2f5543, #2a4d3d, #254537);
|
||||
*/
|
||||
|
||||
background: rgb(52,91,71);
|
||||
background: linear-gradient(180deg, rgba(52,91,71,1) 0%, rgba(45,81,63,1) 10%, rgba(24,48,39,1) 90%, rgba(28,54,45,1) 100%);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.h1, h1 {
|
||||
font-size: 2.5rem;
|
||||
color: #527C39;
|
||||
margin-bottom: .5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.h2, h2 {
|
||||
font-size: 2rem;
|
||||
color: #527C39;
|
||||
}
|
||||
|
||||
.h3, h3 {
|
||||
font-size: 1.75rem;
|
||||
color: #527c39;
|
||||
margin-bottom: .5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.h4, h4 {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: #527C39;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
color: #344f17;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #669d48;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: #527C39;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a.active {
|
||||
color: #F2B90F;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
background-color: #eeeee8;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
@@ -39,6 +87,10 @@ label {
|
||||
background-color: #335012;
|
||||
}
|
||||
|
||||
a.nav-link {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.bg-green-ultra-dark {
|
||||
background: linear-gradient(to left top, #102723, #112723, #122724, #122724, #132724);
|
||||
color: #a5b94f;
|
||||
@@ -53,7 +105,7 @@ label {
|
||||
}
|
||||
|
||||
.bg-green-light {
|
||||
background-color: #F1F7EE;
|
||||
background-color: #f3f8f1;
|
||||
}
|
||||
|
||||
.green {
|
||||
@@ -64,28 +116,41 @@ a.green {
|
||||
color: #517C39 !important;
|
||||
}
|
||||
|
||||
.green-dark {
|
||||
.green-dark, a.green-dark {
|
||||
color: #335012;
|
||||
}
|
||||
|
||||
a.green-dark:hover {
|
||||
color: #335012;
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
text-shadow: 4px black;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color: #fff;
|
||||
border-color: #527c39;
|
||||
background-color: #527c39;
|
||||
}
|
||||
|
||||
.btn-success:hover {
|
||||
color: #fff;
|
||||
border-color: #669d48;
|
||||
background-color: #669d48;
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
color: #527c39;
|
||||
}
|
||||
|
||||
.btn-green-dark {
|
||||
color: #fff;
|
||||
background-color: #335012;
|
||||
border-color: #28a745;
|
||||
background-color: #344f17;
|
||||
border: 1px solid #527C39;
|
||||
}
|
||||
|
||||
.btn-green-dark a:hover {
|
||||
color: #fff;
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
text-shadow: 4px black;
|
||||
.btn-green-dark:hover {
|
||||
color: #335012;
|
||||
background-color: #f1f7ee;
|
||||
}
|
||||
|
||||
.green-light {
|
||||
@@ -128,6 +193,33 @@ a.green-dark:hover {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
#navbarContent > ul > li:hover {
|
||||
background-color: #F2B90F!important;
|
||||
}
|
||||
|
||||
#navbarContent > ul > li:hover > a {
|
||||
color: #335012!important;
|
||||
}
|
||||
|
||||
.shadow2 {
|
||||
box-shadow: 0px 10px 21px #344f17;
|
||||
}
|
||||
|
||||
div.megamenu ul.megamenu a, div#megamenu ul.megamenu span.separator
|
||||
{
|
||||
color: #517C39;
|
||||
font-family: 'noto_sanscondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
letter-spacing: 0.05em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.megamenu ul.megamenu li.megamenu.level1
|
||||
{
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-prev:before, .slick-next:before {
|
||||
color: #335012!important;
|
||||
}
|
||||
|
||||
281
build/css/site2.css
Normal file
281
build/css/site2.css
Normal file
@@ -0,0 +1,281 @@
|
||||
body {
|
||||
font-family: 'noto_sanscondensed', sans-serif;
|
||||
/* line-height: 1em!important; */
|
||||
/*
|
||||
background-image: linear-gradient(to right top, #1d382e, #234236, #2a4d3d, #315745, #39624c, #3a634d, #3a654d, #3b664e, #355e48, #2f5543, #2a4d3d, #254537);
|
||||
*/
|
||||
|
||||
background: rgb(52,91,71);
|
||||
background: linear-gradient(180deg, rgba(52,91,71,1) 0%, rgba(45,81,63,1) 10%, rgba(24,48,39,1) 90%, rgba(28,54,45,1) 100%);
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
.h1, h1 {
|
||||
font-size: 2.5rem;
|
||||
color: #527C39;
|
||||
margin-bottom: .5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.h2, h2 {
|
||||
font-size: 2rem;
|
||||
color: #527C39;
|
||||
}
|
||||
|
||||
.h3, h3 {
|
||||
font-size: 1.75rem;
|
||||
color: #527c39;
|
||||
margin-bottom: .5rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.h4, h4 {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
color: #527C39;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
color: #344f17;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #669d48;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: #527C39;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a.active {
|
||||
color: #F2B90F;
|
||||
}
|
||||
|
||||
.card-body {
|
||||
background-color: #eeeee8;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.gradient-green1 {
|
||||
background: linear-gradient(to right top, #395339, #3c573a, #3f5b3c, #425f3d, #45633e);
|
||||
}
|
||||
|
||||
.gradient-green2 {
|
||||
background: linear-gradient(to right top, #2c5f45, #25503c, #1e4233, #19342a, #142620);
|
||||
}
|
||||
|
||||
.gradient-yellow1 {
|
||||
background-image: linear-gradient(to left top, #efeac9, #e3dcb8, #d7cea6, #cbc196, #bfb385);
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
min-height: calc(100vh - 340px);
|
||||
}
|
||||
|
||||
.bg-green {
|
||||
background-color: #517C39;
|
||||
}
|
||||
|
||||
.bg-green-dark {
|
||||
background-color: #335012;
|
||||
}
|
||||
|
||||
.bg-green-ultra-dark {
|
||||
background: linear-gradient(to left top, #102723, #112723, #122724, #122724, #132724);
|
||||
color: #a5b94f;
|
||||
}
|
||||
|
||||
.bg-green-ultra-dark a {
|
||||
color: #a5b94f;
|
||||
}
|
||||
|
||||
.green-fluo {
|
||||
color: #a5b94f!important;
|
||||
}
|
||||
|
||||
.bg-green-light {
|
||||
background-color: #F1F7EE;
|
||||
}
|
||||
|
||||
.green {
|
||||
color: #517C39;
|
||||
}
|
||||
|
||||
a.green {
|
||||
color: #517C39 !important;
|
||||
}
|
||||
|
||||
.green-dark, a.green-dark {
|
||||
color: #335012!important;
|
||||
}
|
||||
|
||||
a.green-dark:hover {
|
||||
color: #335012;
|
||||
font-weight: 900;
|
||||
text-decoration: none;
|
||||
text-shadow: 4px black;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color: #fff;
|
||||
border-color: #527c39;
|
||||
background-color: #527c39;
|
||||
}
|
||||
|
||||
.btn-success:hover {
|
||||
color: #fff;
|
||||
border-color: #669d48;
|
||||
background-color: #669d48;
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
color: #527c39;
|
||||
}
|
||||
|
||||
.btn-green-dark {
|
||||
color: #fff;
|
||||
background-color: #344f17;
|
||||
border: 1px solid #527C39;
|
||||
}
|
||||
|
||||
.btn-green-dark:hover {
|
||||
color: #335012;
|
||||
background-color: #f1f7ee;
|
||||
}
|
||||
|
||||
.green-light {
|
||||
color: #F1F7EE;
|
||||
}
|
||||
|
||||
.bg-yellow {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.bg-yellow-light {
|
||||
background-color: #f9e7b4;
|
||||
}
|
||||
|
||||
.bg-grey {
|
||||
background-color: #AAA;
|
||||
}
|
||||
|
||||
.yellow {
|
||||
color: #e5c551;
|
||||
}
|
||||
|
||||
.yellow2 {
|
||||
color: #F2B90F;
|
||||
}
|
||||
|
||||
.light {
|
||||
color: #F5F5F5;
|
||||
}
|
||||
|
||||
.nav-item:hover {
|
||||
color: #f2c64b;
|
||||
text-shadow: 0px 1px 0px #5b8a3c;
|
||||
}
|
||||
|
||||
.megamenu .dropdown-menu {
|
||||
background: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.megamenu ul.megamenu a, div#megamenu ul.megamenu span.separator
|
||||
{
|
||||
color: #517C39;
|
||||
font-family: 'noto_sanscondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
letter-spacing: 0.05em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
div.megamenu ul.megamenu li.megamenu.level1
|
||||
{
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.slick-prev:before, .slick-next:before {
|
||||
color: #335012!important;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'noto_sanscondensed';
|
||||
src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot');
|
||||
src: url('/fonts/notosans-condensed/notosans-condensed-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/notosans-condensed/notosans-condensed-webfont.woff2') format('woff2'),
|
||||
url('/fonts/notosans-condensed/notosans-condensed-webfont.woff') format('woff'),
|
||||
url('/fonts/notosans-condensed/notosans-condensed-webfont.ttf') format('truetype'),
|
||||
url('/fonts/notosans-condensed/notosans-condensed-webfont.svg#noto_sanscondensed') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media (min-width: 992px){
|
||||
.dropdown-menu .dropdown-toggle:after{
|
||||
border-top: .3em solid transparent;
|
||||
border-right: 0;
|
||||
border-bottom: .3em solid transparent;
|
||||
border-left: .3em solid;
|
||||
}
|
||||
.dropdown-menu .dropdown-menu{
|
||||
margin-left:0; margin-right: 0;
|
||||
}
|
||||
.dropdown-menu li{
|
||||
position: relative;
|
||||
}
|
||||
.nav-item .submenu{
|
||||
display: none;
|
||||
position: absolute;
|
||||
left:100%; top:-7px;
|
||||
}
|
||||
.nav-item .submenu-left{
|
||||
right:100%; left:auto;
|
||||
}
|
||||
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
|
||||
.dropdown-menu > li:hover > .submenu{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-rectangle {
|
||||
box-shadow: 0px 10px 14px -7px #3e7327;
|
||||
background-color:#344f17 ;
|
||||
border-radius:5px;
|
||||
border:1px solid #527C39;
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
color:#fff;
|
||||
font-size: 112.5%;
|
||||
line-height: 1.5;
|
||||
font-weight:normal;
|
||||
padding: 1em 2em 1em 2em;
|
||||
text-decoration:none;
|
||||
margin: 4px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.btn-rectangle:hover {
|
||||
background-color : #f1f7ee;
|
||||
color:#527C39 ;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
color: #335012;
|
||||
text-decoration: none;
|
||||
background-color: #f1f7ee;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
@if ($shelve['articles'])
|
||||
<div class="mb-3 rounded-lg">
|
||||
<div class="mb-5 bg-green-light shadow2">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<h1 class="p-2 green" style="font-size: 2em;">{{ $shelve['name'] }}</h1>
|
||||
|
||||
@@ -7,12 +7,12 @@
|
||||
|
||||
@if (!empty($text))
|
||||
<div class="row m-0 mb-3">
|
||||
<div class="col-12 p-3 green-dark bg-yellow-light rounded-lg drop-shadow" style="font-size: 1.2em;">{!! $text !!}</div>
|
||||
<div class="col-12 p-3 green-dark" style="font-size: 1.2em;">{!! $text !!}</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="col-12 p-0">
|
||||
@foreach ($shelves as $shelve)
|
||||
@include('Shop.Homepage.partials.sliderByShelve')
|
||||
@endforeach
|
||||
|
||||
@@ -1,7 +1,5 @@
|
||||
<div class="row">
|
||||
<div class="col-12 text-right p-2">
|
||||
<a href="{{ route('Shop.Basket.basket') }}" style="color: white;">
|
||||
<button type="button" class="btn green">
|
||||
<a href="{{ route('Shop.Basket.basket') }}" class="text-white">
|
||||
<button type="button" class="btn green p-0">
|
||||
<i class="fa fa-2x fa-fw fa-shopping-basket mr-2"></i>
|
||||
<span class="ml-2 badge bg-yellow green-dark">
|
||||
<span id="count-basket">{{ \App\Repositories\Core\User\ShopCart::getTotalQuantity() }}</span>
|
||||
@@ -12,6 +10,4 @@
|
||||
€ TTC
|
||||
</span>
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
<a href="https://www.jardinenvie.com/boutique/commander">
|
||||
<button type="button" class="btn bg-light green p-0">
|
||||
<i class="fa fa-2x fa-fw fa-book-open"></i>
|
||||
</button>
|
||||
</a>
|
||||
@@ -1,18 +1,17 @@
|
||||
<div class="row bg-light">
|
||||
|
||||
<div class="col-3 form-inline">
|
||||
<div class="col-5">
|
||||
<a href="/"><img src="/img/logo.png" height="52"></a>
|
||||
<span class="green ml-3">Variétés Paysannes de la Semence à l'Assiette</span>
|
||||
</div>
|
||||
|
||||
<div class="col-5 form-inline">
|
||||
<div class="col-3 pt-2">
|
||||
@include("Shop.layout.partials.search")
|
||||
</div>
|
||||
|
||||
<div class="col-1">
|
||||
<div class="col-4 pt-2 text-right">
|
||||
@include('Shop.layout.partials.header-catalog')
|
||||
@include("Shop.layout.partials.header-profile")
|
||||
</div>
|
||||
|
||||
<div class="col-3 text-right">
|
||||
@include("Shop.layout.partials.header-basket")
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,14 +1,12 @@
|
||||
<div class="row">
|
||||
<div class="col-12 text-right p-2">
|
||||
<button type="button" class="btn bg-light green" data-toggle="dropdown">
|
||||
<button type="button" class="btn bg-light green p-0" data-toggle="dropdown">
|
||||
@if (App\Repositories\Shop\Customers::isConnected())
|
||||
<img src="{{ App\Repositories\Shop\Customers::getAvatar() }}" class="img-fluid" title="{{ App\Repositories\Shop\Customers::getName() }}">
|
||||
@else
|
||||
<i class="fa fa-2x fa-fw fa-user"></i>
|
||||
@endif
|
||||
</button>
|
||||
</button>
|
||||
|
||||
<ul class="dropdown-menu" aria-labelledby="dLabel">
|
||||
<ul class="dropdown-menu" aria-labelledby="dLabel">
|
||||
@if (App\Repositories\Shop\Customers::isConnected())
|
||||
<li class="dropdown-item">
|
||||
<a href="{{ route('Shop.Customers.profile') }}" title="Accèdez à vos factures, remises ..." rel="nofollow">
|
||||
@@ -37,7 +35,4 @@
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<header id="header">
|
||||
<header id="header" class="sticky-top">
|
||||
@include("Shop.layout.partials.header-nav")
|
||||
@include("Shop.layout.partials.sections")
|
||||
</header>
|
||||
@@ -1,23 +1,42 @@
|
||||
<div class="container">
|
||||
<div class="row rounded m-0 drop-shadow bg-white p-2">
|
||||
@php
|
||||
$submenu = count($menu['children'] ?? []) ? App\Repositories\Core\Arrays::slotify($menu['children'], 6) : [];
|
||||
@endphp
|
||||
|
||||
<div class="container p-0">
|
||||
<div class="row m-0 shadow bg-white p-2 w-100">
|
||||
<div class="col mb-4">
|
||||
<strong>
|
||||
<a class="green-dark @if (($category['id'] ?? false) == $menu['id']) active @endif" href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}">
|
||||
Tous les articles
|
||||
</a>
|
||||
</strong><br>
|
||||
@for ($i = 0; $i < round(count($menu['children']) / 3); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs')
|
||||
@for ($i = 0; $i < count($submenu[0]); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[0][$i]])
|
||||
@endfor
|
||||
</div>
|
||||
<div class="col mb-4">
|
||||
@for ($i = round(count($menu['children']) / 3); $i < round(2 * count($menu['children']) / 3); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs')
|
||||
@for ($i = 0; $i < count($submenu[1]); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[1][$i]])
|
||||
@endfor
|
||||
</div>
|
||||
<div class="col mb-4">
|
||||
@for ($i = round(2 * count($menu['children']) / 3); $i < count($menu['children']); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs')
|
||||
@for ($i = 0; $i < count($submenu[2]); $i++)
|
||||
@include('Shop.layout.partials.megamenu_leafs', ['menu_children' => $submenu[2][$i]])
|
||||
@endfor
|
||||
</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]])
|
||||
@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]])
|
||||
@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]])
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<strong>
|
||||
<a class="green-dark @if (($category['id'] ?? false) == $menu['children'][$i]['id']) active @endif" href="{{ route('Shop.Categories.show', ['id' => $menu['children'][$i]['id']]) }}">
|
||||
{{ $menu['children'][$i]['name'] }}
|
||||
<a class="green-dark @if (($category['id'] ?? false) == $menu_children['id']) active @endif" href="{{ route('Shop.Categories.show', ['id' => $menu_children['id']]) }}">
|
||||
{{ $menu_children['name'] }}
|
||||
</a>
|
||||
</strong><br>
|
||||
@foreach ($menu['children'][$i]['children'] ?? [] as $leaf)
|
||||
@foreach ($menu_children['children'] ?? [] as $leaf)
|
||||
<a class="green-dark @if (($category['id'] ?? false) == $leaf['id']) active @endif" href="{{ route('Shop.Categories.show', ['id' => $leaf['id']]) }}">
|
||||
{{ $leaf['name'] }}
|
||||
</a><br>
|
||||
|
||||
@@ -1,17 +1,5 @@
|
||||
<form method="method" action="{{ route('Shop.Searches.search') }}" id="search-general">
|
||||
|
||||
<div class="input-group">
|
||||
<div class="input-group-prepend">
|
||||
@include('components.form.select', [
|
||||
'name' => 'product_type',
|
||||
'list' => [
|
||||
'botanic' => 'Semences & Plants',
|
||||
'merchandise' => 'Marchandises',
|
||||
],
|
||||
'value' => $search['product_type'] ?? null,
|
||||
|
||||
])
|
||||
</div>
|
||||
<input type="text" name="search" value="{{ $search['search'] ?? null }}" class="form-control search-btn" aria-label="Chercher">
|
||||
<div class="input-group-append">
|
||||
<span class="input-group-text"><i class="btn btn-sm fa fa-search"></i></span>
|
||||
|
||||
@@ -1,19 +1,19 @@
|
||||
<div class="row shadow mb-3">
|
||||
<div class="row mb-3 bg-green-dark">
|
||||
<div class="col-12 pl-0 pr-0">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<nav class="navbar navbar-expand-lg p-0">
|
||||
<div class="collapse navbar-collapse" id="navbarContent">
|
||||
<ul class="navbar-nav">
|
||||
<ul class="navbar-nav w-100">
|
||||
@foreach ($categories as $menu)
|
||||
<li class="nav-item dropdown megamenu">
|
||||
<li class="nav-item dropdown megamenu p-2 col">
|
||||
@if ($menu['children'] ?? false)
|
||||
<a id="megamenu_{{ $menu['id'] }}" href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle font-weight-bold text-uppercase green @if (($category['id'] ?? false) == $menu['id']) active @endif">
|
||||
<a id="megamenu_{{ $menu['id'] }}" href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle text-uppercase @if (($category['id'] ?? false) == $menu['id']) active @endif">
|
||||
{{ $menu['name'] }}
|
||||
</a>
|
||||
<div aria-labelledby="megamenu_{{ $menu['id'] }}" class="dropdown-menu border-0 p-0 m-0">
|
||||
@include('Shop.layout.partials.megamenu')
|
||||
</div>
|
||||
@else
|
||||
<a href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}" class="nav-link font-weight-bold text-uppercase green @if (($category['id'] ?? false) == $menu['id']) active @endif">
|
||||
<a href="{{ route('Shop.Categories.show', ['id' => $menu['id']]) }}" class="nav-link text-uppercase text-white @if (($category['id'] ?? false) == $menu['id']) active @endif">
|
||||
{{ $menu['name'] }}
|
||||
</a>
|
||||
@endif
|
||||
@@ -21,11 +21,6 @@
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div class="float-right p-3">
|
||||
<span class="green" style="font-size: 1.2em; font-weight: 600;">
|
||||
Variétés Paysannes de la Semence à l'Assiette
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user