01 2022 Microsite Promotion
This commit is contained in:
parent
3f1fb9377d
commit
38e7fd504a
39 changed files with 761 additions and 336 deletions
|
|
@ -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() }} €*</td>
|
||||
<td class="align-middle">Preis:</td>
|
||||
<td class="font-weight-bold">{{ $product->getFormattedPrice() }} €*</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="border-0 text-muted align-middle">Grundpreis:</td>
|
||||
<td class="border-0">{{ $product->getBasePriceFormattedFull() }} €</td>
|
||||
<td class="align-middle">Grundpreis:</td>
|
||||
<td class="font-weight-bold">{{ $product->getBasePriceFormattedFull() }} €</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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue