jev/opensem
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Manage homepage by article, modify article template, enhance basket (add selector)

Browse Source
This commit is contained in:
Ludovic CANDELLIER
2022-03-24 00:48:26 +01:00
parent ddc5f2664c
commit c65056531c
13 changed files with 277 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
resources/views/Shop/Baskets/basket.blade.php Normal file
View File

@@ -0,0 +1,49 @@
@extends('Shop.layout.layout', [
'title' => __('Panier'),
])
@section('content')
@if ($basket)
<div class="row">
<div class="col-8">
<div class="row mb-3">
<div class="col-4">
<h1>Panier</h1>
</div>
<div class="col-8">
Livraison à domicile ...<br>
Commande en ligne et livraison par voie postale. Attention certains produits ne sont pas disponibles en livraison.
Les sachets disponibles en lignes sont disponibles à la livraison et uniquement quelques plants.
</div>
</div>
@foreach ($basket as $nature => $items)
<div class="row mb-3 p-2" style="background-color: #ccc;">
<div class="col-12">
<h2 style="font-size: 1.6em;">{{ ucfirst($nature) }}</h2>
@foreach ($items as $item)
@include('Shop.Baskets.partials.article')
@endforeach
</div>
@endforeach
</div>
<div class="col-4">
@component('components.card')
Tarif appliqué :
@endcomponent
</div>
</div>
@endif
@endsection
@push('js')
<script>
$('.basket-quantity').change(function() {
var offer_id = $(this).parent('row');
console.log(offer_id);
});
$('.basket-delete').change(function() {
var offer_id = $(this).data('id');
console.log(offer_id);
});
</script>
@endpush

27
resources/views/Shop/Baskets/partials/article.blade.php Normal file
View File

@@ -0,0 +1,27 @@
<div class="row mb-3" id="basket_offer-{{ $item['id'] }}">
<div class="col-2 text-center">
<img src="{{ $item['image'] }}" class="img-fluid">
</div>
<div class="col-10">
<h3 style="font-size: 1.4em;">{{ $item['name'] }}</h3>
{{ $item['variation'] }}<br/>
<div class="row">
<div class="col-6">
{{ $item['price'] }} € / unité
</div>
<div class="col-2">
@include('components.form.inputs.number', [
'name' => 'quantity',
'value' => $item['quantity'],
'class' => 'basket-quantity',
])
</div>
<div class="col-2 text-right" style="font-size: 2em;" id="basket_total-{{ $item['id'] }}">
{{ $item['quantity'] * $item['price'] }} €
</div>
<div class="col-2" style="font-size: 2em;">
<i class="fa fa-fw fa-trash basket-delete" data-id={{ $item['id'] }}></i>
</div>
</div>
</div>
</div>

56
resources/views/Shop/Homepage/partials/sliderByShelve.blade.php
View File

@@ -1,31 +1,33 @@
<div class="mb-3 bg-light">
<div class="row">
<div class="col-6">
<h1 style="font-size: 2em;">{{ $shelve['name'] }}</h1>
@if ($shelve['articles'])
<div class="mb-3 bg-light">
<div class="row">
<div class="col-6">
<h1 style="font-size: 2em;">{{ $shelve['name'] }}</h1>
</div>
<div class="col-6 text-right">
<a href="">Découvrir la sélection</a>
<a href="">Tout voir</a>
</div>
</div>
<div class="col-6 text-right">
<a href="">Découvrir la sélection</a>
<a href="">Tout voir</a>
<div class="row shelve_slider_{{ $shelve['id'] }}">
@foreach ($shelve['articles'] as $name => $article)
<div class="text-center pr-2 pl-2">
<a href="{{ route('Shop.Articles.show', ['id' => $article['id']]) }}">
<img data-lazy="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}" class="d-block w-100" alt="{{ $name }}"/>
{{ $name }}
</a>
</div>
@endforeach
</div>
</div>
<div class="row shelve_slider_{{ $shelve['id'] }}">
@foreach ($shelve['articles'] as $name => $article)
<div class="text-center pr-2 pl-2">
<a href="{{ route('Shop.Articles.show', ['id' => $article['id']]) }}">
<img data-lazy="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}" class="d-block w-100" alt="{{ $name }}"/>
{{ $name }}
</a>
</div>
@endforeach
</div>
</div>
@push('js')
<script>
$('.shelve_slider_{{ $shelve['id'] }}').slick({
lazyLoad: 'ondemand',
slidesToShow: 6,
slidesToScroll: 1
});
</script>
@endpush
@push('js')
<script>
$('.shelve_slider_{{ $shelve['id'] }}').slick({
lazyLoad: 'ondemand',
slidesToShow: 6,
slidesToScroll: 1
});
</script>
@endpush
@endif