Erweiterungen / Korrekturen Beraterbestellungen
This commit is contained in:
Kevin Adametz
parent
ecc71c616f
commit
c4ed6b39db
36 changed files with 1104 additions and 617 deletions
|
|
@ -2,30 +2,126 @@
|
|||
@if(Yard::instance('shopping')->content()->count())
|
||||
@if(Yard::instance('shopping')->compCount() > 0)
|
||||
|
||||
<!-- Shopping cart table -->
|
||||
<div class="table-responsive">
|
||||
<table class="table table-bordered m-0">
|
||||
<thead>
|
||||
<tr>
|
||||
<!-- Set columns width -->
|
||||
<th class="text-center py-3 px-4" style="min-width: 400px;">Produkt</th>
|
||||
<th class="text-right py-3 px-4" style="width: 120px;"><div class="no-line-break">Netto-Preis</div></th>
|
||||
<th class="text-center py-3 px-2" style="width: 125px;">Anzahl</th>
|
||||
<th class="text-right py-3 px-4" style="width: 120px;">Summe</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<style>
|
||||
.yard-items-head {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
@foreach(Yard::instance('shopping')->content() as $row)
|
||||
.yard-item {
|
||||
position: relative;
|
||||
padding-top: 8px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.yard-item a.shop-item-hl {
|
||||
color: #9aa983;
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.yard-item .options {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.yard-item a.auto-delete-product {
|
||||
font-size: 0.7em;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.yard-item .quantity {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.quantity-select {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.quantity-select select.form-control:not([size]):not([multiple]) {
|
||||
width: auto;
|
||||
min-width: 5em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.yard-item .price-total {
|
||||
margin-top: 6px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.yard-item .font-semi-bold {
|
||||
color: #393939;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.yard-item .font-semi-bold .small {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.yard-item .font-bold {
|
||||
color: #393939;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.price-single {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.price-total {
|
||||
font-weight: 600;
|
||||
font-size: 0.95rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.quantity-select {
|
||||
text-align: right;
|
||||
}
|
||||
.quantity-select input.form-control {
|
||||
width: auto;
|
||||
min-width: 4em;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<div id="cartContent">
|
||||
|
||||
<div class="yard-items-head d-none d-sm-block">
|
||||
<div class="row">
|
||||
<div class="col-3 col-sm-2">
|
||||
<div class="row"> </div>
|
||||
</div>
|
||||
<div class="col-9 col-sm-10">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-md-7">
|
||||
Artikel
|
||||
</div>
|
||||
<div class="col-6 col-sm-3 col-md-2 text-left">
|
||||
Einzelpreis
|
||||
</div>
|
||||
<div class="col-6 col-sm-3 col-md-3 text-right">
|
||||
Anzahl
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@foreach(Yard::instance('shopping')->getContentByOrder() as $row)
|
||||
@php($product = \App\Models\Product::find($row->id))
|
||||
<tr>
|
||||
<td class="p-4">
|
||||
<div class="media align-items-center">
|
||||
@if($row->options->has('image'))
|
||||
<img src="{{ route('product_image', [$row->options->image]) }}" class="d-block ui-w-80 ui-bordered mr-4" alt="">
|
||||
@else
|
||||
<img src="{{ asset('/assets/images/1x1.png') }}" class="d-block ui-w-80 ui-bordered mr-4" alt="">
|
||||
@endif
|
||||
<div class="row yard-item">
|
||||
|
||||
<div class="col-3 col-sm-2">
|
||||
@if($row->options->has('image'))
|
||||
<img src="{{ route('product_image', [$row->options->image]) }}" class="d-block ui-w-80 ui-bordered mr-4" alt="">
|
||||
@else
|
||||
<img src="{{ asset('/assets/images/1x1.png') }}" class="d-block ui-w-80 ui-bordered mr-4" alt="">
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="col-9 col-sm-10">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-md-7 description">
|
||||
<div class="media-body">
|
||||
<div class="d-block text-body" style="font-size: 15px; font-weight: 500;">{{ $row->name }}</div>
|
||||
<div class="text-body">
|
||||
|
|
@ -33,32 +129,45 @@
|
|||
<div>Art.-Nr.: {{ $product->number }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-right font-weight-semibold align-middle p-4">
|
||||
<div class="no-line-break">{{ Yard::instance('shopping')->rowPriceNet($row, 3) }} €</div>
|
||||
</td>
|
||||
<td class="align-middle p-2">
|
||||
@if($row->options->comp)
|
||||
<div class="text-center product-tooltip" data-toggle="tooltip" title="Kompensationsprodukt">1x KP</div>
|
||||
@else
|
||||
<div class="input-group d-inline-flex" style="width: 110px">
|
||||
<input type="number" class="form-control text-center cart-input-event-onchange" data-row-id="{{$row->rowId}}" data-product-id="{{ $product->id }}" value="{{ $row->qty }}" name="quantity[{{$row->rowId}}]" maxlength="3" max="999" min="1">
|
||||
<span class="input-group-append">
|
||||
<button type="button" class="btn btn-default btn-sm remove_item_form_cart product-tooltip" data-row-id="{{$row->rowId}}" data-product-id="{{ $product->id }}">x</button>
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
<div class="options">
|
||||
@if(!$row->options->comp)
|
||||
<a href="#" class="auto-delete-product remove_item_form_cart product-tooltip" data-row-id="{{$row->rowId}}" data-product-id="{{ $product->id }}"><i class="fa fa-times"></i> Artikel entfernen</a>
|
||||
@else
|
||||
@if(Yard::instance('shopping')->getNumComp() > 1)
|
||||
{{$row->options->comp}}. Kompensationsprodukt
|
||||
@else
|
||||
Kompensationsprodukt
|
||||
@endif
|
||||
|
||||
<td class="text-right font-weight-semibold align-middle p-4">
|
||||
<div class="no-line-break">{{ Yard::instance('shopping')->rowSubtotalNet($row) }} €</div>
|
||||
</td>
|
||||
</tr>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-3 col-md-2 text-left font-semi-bold price-single">
|
||||
<div class="no-line-break">{{ Yard::instance('shopping')->rowPriceNet($row, 3) }} €</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-3 col-md-3 quantity">
|
||||
<div class="quantity-select">
|
||||
@if($row->options->comp)
|
||||
<span class="text-right product-tooltip" data-toggle="tooltip" title="Kompensationsprodukt">1 x</span>
|
||||
@else
|
||||
<input type="number" class="form-control text-center cart-input-event-onchange" data-row-id="{{$row->rowId}}" data-product-id="{{ $product->id }}" value="{{ $row->qty }}" name="quantity[{{$row->rowId}}]" maxlength="3" max="999" min="1">
|
||||
@endif
|
||||
</div>
|
||||
<div class="price-total text-right">
|
||||
<div class="no-line-break">{{ Yard::instance('shopping')->rowSubtotalNet($row) }} €</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<!-- / Shopping cart table -->
|
||||
<div class="d-flex flex-wrap justify-content-between pb-4">
|
||||
<div class="mt-2">
|
||||
|
|
@ -75,7 +184,7 @@
|
|||
<td style="border-top:none;">{{ Yard::instance('shopping')->subtotal() }} €</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-left">Versandland:</td>
|
||||
<td class="text-left">Lieferland:</td>
|
||||
<td>{{ Yard::instance('shopping')->getShippingCountryName() }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue