Gustavo Luigi 2023-10-20 20:06:47 -03:00
parent 043786ccc9
commit d87fb39a71
3 changed files with 206 additions and 179 deletions

View File

@ -40,12 +40,12 @@
</div> </div>
<div class=" mt-3 mb-3 fs-6 fw-bolder" > <div class=" mt-3 mb-3 fs-6 fw-bolder" >


@if($content->verfugbarkeit = 'sofort verfuegbar') @if($content->verfugbarkeit == 'sofort verfuegbar')
<span style="color: #79b27f;"> <span style="color: #79b27f;">
<svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg> <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
Sofort in {{$_legal_city}} verfügbar! Sofort in {{$_legal_city}} verfügbar!
</span> </span>
@elseif($content->verfugbarkeit = 'In kürze Verfügbar') @elseif($content->verfugbarkeit == 'In kürze Verfügbar')
<span style="color: #c9a767;"> <span style="color: #c9a767;">
<svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg> <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
In Kürze wieder verfügbar In Kürze wieder verfügbar
@ -135,7 +135,7 @@
<svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg> <svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
In den Einkaufswagen In den Einkaufswagen
</button> </button>
<button id="btn-show-bag" type="button" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="btn btn-success position-relative mb-5"> <button id="btn-show-bag" type="button" data-bs-toggle="modal" data-bs-target="#shopping-cart" class="btn btn-success position-relative mb-5">
Im Warenkorb ansehen Im Warenkorb ansehen
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" id="count-items-in-bag"></span> <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger" id="count-items-in-bag"></span>
</button> </button>
@ -148,7 +148,6 @@
</div> </div>
</div> </div>
@endif @endif

</div> </div>
</div> </div>


@ -214,5 +213,5 @@


@stop @stop
@section('scripts') @section('scripts')
<script src="{{storage('js/product.js')}}"></script> <script type="module" src="{{storage('js/product.js')}}"></script>
@stop @stop

View File

@ -1,2 +1,6 @@
<script src="{{storage('libs/jquery-3.7.0.min.js')}}"></script> <!-- <script src="{{storage('libs/jquery-3.7.0.min.js')}}"></script> -->
<script src="{{storage('libs/bootstrap-5.3.0/bootstrap.bundle.min.js')}}" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script> <script src="{{storage('libs/bootstrap-5.3.0/bootstrap.bundle.min.js')}}" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="{{storage('libs/js-cookie-3.0.1.min.js')}}"></script>
<script src="{{storage('libs/lottie-player-0.4.0.js')}}"></script>
<script src="{{storage('js/components/cookies-consent.js')}}"></script>
<script type="module" src="{{storage('js/main.js')}}"></script>

View File

@ -15,12 +15,15 @@
<meta name="checkout" content="{{url('/checkout')}}"> <meta name="checkout" content="{{url('/checkout')}}">
<meta name="get-contents" content="{{url('/contents')}}"> <meta name="get-contents" content="{{url('/contents')}}">


<link rel="apple-touch-icon" sizes="180x180" href="{{$favicon['180']}}">
<link rel="icon" type="image/png" sizes="32x32" href="{{$favicon['32']}}">
<link rel="icon" type="image/png" sizes="16x16" href="{{$favicon['16']}}">

@yield('head') @yield('head')


</head> </head>
<body> <body>
@if($_contact_bar) @if($_contact_bar)

<div style="background-color: {{$_primary_ci_color}}; color: {{$_footer_color}}; font-size: 13px;"> <div style="background-color: {{$_primary_ci_color}}; color: {{$_footer_color}}; font-size: 13px;">
<div class="container"> <div class="container">
<div class="row py-1"> <div class="row py-1">
@ -35,13 +38,9 @@
</div> </div>
</div> </div>
</div> </div>

</div> </div>
@else @else
<div style="border-top: 8px solid {{$_primary_ci_color}};"> <div style="border-top: 8px solid {{$_primary_ci_color}};"></div>

</div>

@endif @endif


<nav class="navbar navbar-expand-lg py-3" style="background-color: {{$_menue_background_color}};"> <nav class="navbar navbar-expand-lg py-3" style="background-color: {{$_menue_background_color}};">
@ -76,9 +75,9 @@


@if($_warenkorb_aktiv) @if($_warenkorb_aktiv)
<li class="nav-item ms-md-5"> <li class="nav-item ms-md-5">
<a href="" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="position-relative"> <a href="" data-bs-toggle="modal" data-bs-target="#shopping-cart" class="position-relative">
<svg style="fill: {{$_primary_ci_color}}; width: 30px; margin-top: 6px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"></path></svg> <svg style="fill: {{$_primary_ci_color}}; width: 30px; margin-top: 6px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"></path></svg>
<span class="position-absolute top-10 start-90 badge rounded-pill bg-danger" style="display: none; right: -10px;" id="count-products-in-bag">0</span> <span class="position-absolute top-10 start-90 badge rounded-pill bg-danger js-product-counter" style="display: none; right: -10px;">0</span>
</a> </a>
</li> </li>
@endif @endif
@ -90,14 +89,13 @@


</div> </div>
</nav> </nav>

@yield('content') @yield('content')


@include('template.'.config('settings.template').'.content.includes.cookie-banner') @include('template.'.config('settings.template').'.content.includes.cookie-banner')

@if($_warenkorb_aktiv) @if($_warenkorb_aktiv)

<div class="modal fade" id="shopping-cart" tabindex="-1" aria-labelledby="shopping-cart" aria-hidden="true">
<div class="modal fade" id="ShoppingCart" tabindex="-1" aria-labelledby="ShoppingCart" aria-hidden="true">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header" style="background-color: {{$_secondary_ci_color}} ; color: white;"> <div class="modal-header" style="background-color: {{$_secondary_ci_color}} ; color: white;">
@ -113,7 +111,6 @@
Fehler beim Laden der Produkte, versuchen Sie, die Seite neu zu laden Fehler beim Laden der Produkte, versuchen Sie, die Seite neu zu laden
</div> </div>
<div style="display: none;" class="col-12 text-center" id="no-products"> <div style="display: none;" class="col-12 text-center" id="no-products">

<br> <br>
<br> <br>
<br> <br>
@ -126,8 +123,6 @@
<br> <br>
<a class="btn btn-primary mb-3" href="{{url('/produkte')}}">Jetzt Produkte entdecken</a> <a class="btn btn-primary mb-3" href="{{url('/produkte')}}">Jetzt Produkte entdecken</a>
<br> <br>


</div> </div>
<div class="col-12"> <div class="col-12">
<table class="table table-striped"> <table class="table table-striped">
@ -136,7 +131,7 @@
<tr> <tr>
<th class="text-start" scope="col">Gesammt:</th> <th class="text-start" scope="col">Gesammt:</th>
<th colspan="3" class="text-end"> <th colspan="3" class="text-end">
<span id="total-price">0 €</span> <span class="js-total-price">0 €</span>
<br> <br>
<small class="text-end fw-light">Preise inkl. 19% Umsatzsteuer</small> <small class="text-end fw-light">Preise inkl. 19% Umsatzsteuer</small>
</th> </th>
@ -147,31 +142,60 @@
</div> </div>
<div class="row mt-3" id="modal-buttons"> <div class="row mt-3" id="modal-buttons">
<div class="col-6"> <div class="col-6">
<a href="" class="text-muted text-decoration-none" data-bs-toggle="modal" data-bs-target="#shareCart"> <button class="btn btn-light text-muted text-decoration-none" data-bs-toggle="modal" data-bs-target="#share-cart">
Warenkorb teilen Warenkorb teilen
<svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg> <svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg>
</a> </button>

</div> </div>
<div class="col-6 text-end"> <div class="col-6 text-end">
<a href="{{url('/checkout')}}" type="button" class="btn btn-primary">Angebot unverbindlich anfragen</a> <a href="{{url('/checkout')}}" type="button" class="btn btn-primary">Angebot unverbindlich anfragen</a>
</div>
</div>
</div>


</div> </div>
</div> </div>
</div> </div>


<div class="modal fade" id="share-cart" tabindex="-1" aria-labelledby="share-cart" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" style="background-color: #10307b; color: white;">
<h5 class="modal-title" id="exampleModalLabel">Warenkorb teilen</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" style="background-color: #f7fcf7;">
<div class="row">
<div class="col-12 my-3">
<p>Teilen Sie Ihre Einkaufsliste mit Freunden und Bekannten, damit diese Sie dann bei Ihrere Auswahl helfen können.</p>
</div>
</div>

<div class="input-group input-group-lg my-2">
<input type="text" class="form-control cart-link js-cart-link" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-lg" style="box-shadow: none;" readonly>
<span class="input-group-text" id="btn-copy-cart-link">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
<path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
<path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
</svg>
</span>
</div>

<br>

<button class="btn btn-share btn-primary mx-auto">
Warenkorb teilen
<svg style="fill: currentColor; width: 19px; margin-left: 4px; margin-bottom: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M564.907 196.35L388.91 12.366C364.216-13.45 320 3.746 320 40.016v88.154C154.548 130.155 0 160.103 0 331.19c0 94.98 55.84 150.231 89.13 174.571 24.233 17.722 58.021-4.992 49.68-34.51C100.937 336.887 165.575 321.972 320 320.16V408c0 36.239 44.19 53.494 68.91 27.65l175.998-184c14.79-15.47 14.79-39.83-.001-55.3zm-23.127 33.18l-176 184c-4.933 5.16-13.78 1.73-13.78-5.53V288c-171.396 0-295.313 9.707-243.98 191.7C72 453.36 32 405.59 32 331.19 32 171.18 194.886 160 352 160V40c0-7.262 8.851-10.69 13.78-5.53l176 184a7.978 7.978 0 0 1 0 11.06z"/></svg>
</button>
</div>
</div> </div>
</div> </div>
</div> </div>
@endif @endif

@include('template.'.config('settings.template').'.content.includes.footer') @include('template.'.config('settings.template').'.content.includes.footer')
@include('template.'.config('settings.template').'.content.includes.scripts') @include('template.'.config('settings.template').'.content.includes.scripts')
<script src="{{storage('js/cookie.js')}}"></script>
<script src="{{storage('js/lottie.js')}}"></script>
<script src="{{storage('js/cookies-consent.js')}}"></script>

<script src="{{storage('js/data.js')}}"></script>
<script src="{{storage('js/methods.js')}}"></script>
<script src="{{storage('js/script.js')}}"></script>
@yield('scripts') @yield('scripts')
</body> </body>
</html> </html>