01 2022 Microsite Promotion

This commit is contained in:
Kevin Adametz 2022-01-18 18:30:14 +01:00
parent 3f1fb9377d
commit 38e7fd504a
39 changed files with 761 additions and 336 deletions

View file

@ -1,14 +1,11 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
Produktdetails
</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
</div>
<div class="modal-body">
<div class="modal-body p-2 p-md-4">
<div class="card mb-3">
<div class="media flex-wrap flex-md-nowrap">
<div class="d-block col-12 col-md-4 col-lg-4 text-center p-0 m-0">
@ -17,37 +14,36 @@
@endif
</div>
<div class="media-body p-4 p-md-5 ">
<h4 class="mb-2">
<a href="#" class="text-body">{{ $product->name }}</a>
</h4>
<div class="media-body py-4 px-3 px-md-4">
<h3 class="mb-2">
{{ $product->name }}
</h3>
{!! $product->copy !!}
<table class="table my-4">
<table class="table table-bordered table-stripe my-4">
<tbody>
<tr>
<td class="border-0 text-muted align-middle" style="width: 120px">Inhalt:</td>
<td class="border-0">{{ $product->contents }}</td>
<td class="align-middle" style="width: 120px">Inhalt:</td>
<td class="font-weight-bold">{{ $product->contents }}</td>
</tr>
<tr>
<td class="border-0 text-muted align-middle">Gewicht:</td>
<td class="border-0">{{ $product->weight }} g</td>
<td class="align-middle">Gewicht:</td>
<td class="font-weight-bold">{{ $product->weight }} g</td>
</tr>
<tr>
<td class="border-0 text-muted align-middle">Art.-Nr.:</td>
<td class="border-0">{{ $product->number }}</td>
<td class="align-middle">Art.-Nr.:</td>
<td class="font-weight-bold">{{ $product->number }}</td>
</tr>
@if(isset($data['view']) && $data['view'] === 'with-price')
<tr>
<td class="border-0 text-muted align-middle">Preis:</td>
<td class="border-0">{{ $product->getFormattedPrice() }} &euro;*</td>
<td class="align-middle">Preis:</td>
<td class="font-weight-bold">{{ $product->getFormattedPrice() }} &euro;*</td>
</tr>
<tr>
<td class="border-0 text-muted align-middle">Grundpreis:</td>
<td class="border-0">{{ $product->getBasePriceFormattedFull() }} &euro;</td>
<td class="align-middle">Grundpreis:</td>
<td class="font-weight-bold">{{ $product->getBasePriceFormattedFull() }} &euro;</td>
</tr>
<tr>
<td colspan="2" class="border-0 text-muted">* inkl. gesetzl. MwSt. | zzgl. Versandkosten</td>
<td colspan="2" class="">* inkl. gesetzl. MwSt. | zzgl. Versandkosten</td>
</tr>
@endif
@ -58,22 +54,21 @@
<div class="">
<ul class="nav nav-tabs tabs-alt justify-content-center border-0 px-4 px-lg-5">
<ul class="nav nav-tabs tabs-alt justify-content-center border-0 px-4 px-lg-5 mb-2">
<li class="nav-item">
<a class="nav-link small font-weight-normal text-expanded py-4 active" data-toggle="tab" href="#shop-product-description">Bechreibung</a>
<a class="nav-link small font-weight-normal text-expanded py-2 active" data-toggle="tab" href="#shop-product-description">Bechreibung</a>
</li>
<li class="nav-item">
<a class="nav-link small font-weight-normal text-expanded py-4" data-toggle="tab" href="#shop-product-usage">Anwendung</a>
<a class="nav-link small font-weight-normal text-expanded py-2" data-toggle="tab" href="#shop-product-usage">Anwendung</a>
</li>
<li class="nav-item">
<a class="nav-link small font-weight-normal text-expanded py-4" data-toggle="tab" href="#shop-product-full-ingredients">Inhaltsstoffe</a>
<a class="nav-link small font-weight-normal text-expanded py-2" data-toggle="tab" href="#shop-product-full-ingredients">Inhaltsstoffe</a>
</li>
<li class="nav-item">
<a class="nav-link small font-weight-normal text-expanded py-4" data-toggle="tab" href="#shop-product-ingredients">Hinweise</a>
<a class="nav-link small font-weight-normal text-expanded py-2" data-toggle="tab" href="#shop-product-ingredients">Hinweise</a>
</li>
</ul>
<hr class="m-0">
<div class="tab-content">
<div class="tab-pane fade show active" id="shop-product-description">
<div class="card borderless">
@ -92,8 +87,9 @@
</div>
<div class="tab-pane fade" id="shop-product-full-ingredients">
<div class="card borderless">
<div class="card-body">
<div class="card borderless no-border ">
<div class="card-body p-0">
<div class="table-responsive">
<table class="datatables-style table table-striped table-bordered">
<thead>
<tr>
@ -112,11 +108,11 @@
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="shop-product-ingredients">
<div class="card borderless">
<div class="card-body">
@ -128,7 +124,7 @@
</div>
</div>
</div>
<div class="modal-footer">
<div class="modal-footer p-2 p-md-4">
<button type="button" class="btn btn-default" data-dismiss="modal">schließen</button>
</div>
</div>