New layout for website

This commit is contained in:
Ludovic CANDELLIER
2020-08-20 01:11:05 +02:00
parent c66fe78f66
commit ba5a9e0417
21 changed files with 302 additions and 10 deletions

View File

@@ -0,0 +1,23 @@
<div class="article">
<div class="row">
<div class="col-12">
<img src="{{ $article['img'] ?? '/img/logo'}}" class="img-responsive">
{{ $article['name'] }}
<span class="pull-right">
<i class="fa fa-heart"></i>
</span>
</div>
</div>
<div class="row">
<div class="col-6">
3.10 <br>
Semence
</div>
<div class="col-6">
1.65 <br>
Plant
</div>
</div>
</div>

View File

@@ -0,0 +1,12 @@
<div class="breadcrumb-container">
<nav data-depth="1" class="breadcrumb container">
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
<a itemprop="item" href="fr/">
<span itemprop="name">Accueil</span>
</a>
<meta itemprop="position" content="1">
</li>
</ol>
</nav>
</div>

View File

@@ -0,0 +1,40 @@
<div id="ishiproductsblock" class="container clearfix">
<div class="ishiproductsblock-container">
<h2 class="home-title">Meilleurs produits</h2>
<ul id="ishiproductstab" class="nav nav-tabs clearfix">
<li class="nav-item first_item">
<a class="nav-link active" href="#featured-products-block" data-toggle="tab">En vedette</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="#new-products-block" data-toggle="tab">Dernier</a>
</li>
<li class="nav-item last_item">
<a class="nav-link " href="#bestseller-products-block" data-toggle="tab">Meilleures ventes</a>
</li>
</ul>
<div class="product_content ">
<div class="tab-content">
<div id="featured-products-block" class="tab-pane active">
<div class="block_content row">
<div id="ishi-featured-products" class="owl-carousel">
{{ include("Shop._partials.product", {index:1}) }}
{{ include("Shop._partials.product", {index:2}) }}
{{ include("Shop._partials.product", {index:3}) }}
{{ include("Shop._partials.product", {index:4}) }}
{{ include("Shop._partials.product", {index:5}) }}
{{ include("Shop._partials.product", {index:6}) }}
{{ include("Shop._partials.product", {index:7}) }}
{{ include("Shop._partials.product", {index:8}) }}
</div>
</div>
</div>
<div id="new-products-block">
</div>
<div id="bestseller-products-block">
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,15 @@
<div class="row">
<div class="col-8">
<h1>{{ $category['name'] }}</h1>
<h3>{{ $category['description'] }}</h3>
</div>
<div class="col-4">
@include('Shop.layout.partials.category_add')
</div>
</div>
<div class="row">
<div class="col-12">
@include('Shop.layout.partials.category_articles')
</div>
</div>

View File

@@ -0,0 +1,18 @@
<div class="row">
<div class="col-6">
Ajouter au panier la liste des semences
</div>
<div class="col-6">
Ajouter au panier la liste des plants
</div>
</div>
<div class="row">
<div class="col-12">
Il y a {{ $nb ?? 0 }} article(s) dans la liste
<form name="product_sorting">
<label>Trier par</label>
@include('components.select', ['name' => ])
</form>
</div>
</div>

View File

@@ -0,0 +1,3 @@
@foreach ($articles as $article)
@include('Shop.layout.partials.article')
@endforeach

View File

@@ -0,0 +1,13 @@
<div class="row">
<div class="col-6">
<div id="header-favorite" class="text-light" data-refresh-url="/favorite">
<i class="fa fa-3x fa-heart"></i>
</div>
</div>
<div class="col-6">
<div id="header-basket" class="text-light mr-3" data-refresh-url="/basket">
<i class="fa fa-3x fa-shopping-basket"></i>
</div>
</div>
</div>

View File

@@ -0,0 +1,20 @@
<div class="row bg-green">
<div class="col-4 col-md-2 form-inline pl-4">
<img src="/img/logo.jpg" class="img-responvive pull-left">
</div>
<div class="col-8 col-md-6 form-inline">
@include("Shop.layout.partials.search")
</div>
<div class="col-6 col-md-2">
@include("Shop.layout.partials.header-profile")
</div>
<div class="col-6 col-md-2 text-right">
@include("Shop.layout.partials.header-basket")
</div>
</div>

View File

@@ -0,0 +1,13 @@
<div class="user-info dropdown js-dropdown">
<span class="account-logo expand-more" data-toggle="dropdown" role="button">Compte client
<i class="material-icons expand-more">&#xE313;</i>
</span>
<ul class="dropdown-menu" aria-labelledby="dLabel">
<li>
<a href="fr/mon-compte" title="Identifiez-vous" rel="nofollow">
<span>Connexion</span>
</a>
</li>
</ul>
</div>

View File

@@ -0,0 +1,4 @@
<header id="header">
@include("Shop.layout.partials.header-nav")
@include("Shop.layout.partials.sections")
</header>

View File

@@ -0,0 +1,4 @@
<div id="spin-wrapper"></div>
<div id="siteloader">
<div class="loader"></div>
</div>

View File

@@ -0,0 +1,13 @@
<form method="get" action="/recherche" id="search-general">
<div class="input-group">
<div class="input-group-prepend">
@include('components.select', ['name' => 'type', 'list' => ['Semences & Plants'] ])
</div>
<input type="text" class="form-control search-btn" aria-label="Text input with dropdown button">
<div class="input-group-append">
<span class="input-group-text"><i class="fa fa-search"></i></span>
</div>
</div>
</form>

View File

@@ -0,0 +1,30 @@
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
@foreach ($categories as $category)
@if (isset($category['children']))
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ $category['name'] }}
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
@foreach ($category['children'] as $children)
<a class="dropdown-item" href="{{ $children['id'] }}">{{ $children['name'] }}</a>
@endforeach
</div>
</li>
@else
<li class="nav-item">
<a class="nav-link" href="{{ $category['id'] }}">{{ $category['name'] }}</a>
</li>
@endif
@endforeach
</ul>
<span style="font-family: Arial Narrow; font-size: 1.1em; font-weight: 900;">
Variétés Paysannes de la Semence à l'Assiette
</span>
</div>
</nav>