01 2022 Microsite Promotion
This commit is contained in:
parent
3f1fb9377d
commit
38e7fd504a
39 changed files with 761 additions and 336 deletions
|
|
@ -34,6 +34,6 @@
|
|||
</div>
|
||||
<div class="container py-2 px-2">
|
||||
<hr>
|
||||
<div class="text-center pl-2 mt-2">Copyright since 2019 • GRÜNE SEELE GbR</div>
|
||||
<div class="text-center pl-2 mt-2">Copyright since 2019 • GRÜNE SEELE GmbH</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
@foreach ($promotion_user->promotion_user_products_active as $promotion_user_product)
|
||||
@if ($promotion_user_product->isShow())
|
||||
<div class="col-md-6 col-lg-4 text-center">
|
||||
<div class="col-md-6 col-lg-4 text-center mb-4">
|
||||
@if ($promotion_user_product->product->images)
|
||||
@if ($image = $promotion_user_product->product->images->first())
|
||||
<img src="{{ route('product_image', [$image->slug]) }}" class="mb-2 img-fluid" alt="">
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
@endforeach
|
||||
<div class="col-12">
|
||||
<div id="error-free_product_id" class="text-center"></div>
|
||||
<hr class="">
|
||||
<hr class="mt-0">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,18 +1,21 @@
|
|||
<div class="container flex-grow-1 container-p-y pb-0">
|
||||
<style>
|
||||
|
||||
</style>
|
||||
<div class="container intro-media flex-grow-1 container-p-y pb-0">
|
||||
<div class="media align-items-top py-3 mb-3">
|
||||
@if($promotion_user->user->hasProfileImage())
|
||||
<img src="{{ route('response_file', ['user', $promotion_user->user->getProfileImage()]) }}" alt="" class="d-block ui-w-100 rounded-circle mt-3">
|
||||
<img src="{{ route('response_file', ['user', $promotion_user->user->getProfileImage()]) }}?{{ time() }}" alt="" class="d-block ui-w-150 rounded-circle mt-3">
|
||||
@endif
|
||||
<div class="media-body ml-4">
|
||||
<h1 class="text-left">{{ $promotion_user->name }}</h1>
|
||||
<p class="text-left">{!! nl2br($promotion_user->description) !!}</p>
|
||||
<h6 class="card-header bg-light py-2">
|
||||
<a href="#" class="" style="text-decoration: none" data-toggle="collapse" data-target="#collapsePaymentForm" aria-expanded="false" aria-controls="collapsePaymentForm">
|
||||
<i class="fa fa-caret-down"></i> mehr über mich
|
||||
<p class="text-left mb-2">{!! nl2br($promotion_user->description) !!}</p>
|
||||
<h6 class="card-header no-border py-2 text-left px-0">
|
||||
<a href="#" class="collapsed" style="text-decoration: none" data-toggle="collapse" data-target="#collapsePaymentForm" aria-expanded="false" aria-controls="collapsePaymentForm">
|
||||
<i class="fa fa-caret-collapse"></i> Weitere persönliche Infos ...
|
||||
</a>
|
||||
</h6>
|
||||
<div class="collapse" id="collapsePaymentForm">
|
||||
<p class="text-left">{!! nl2br($promotion_user->about_you) !!}</p>
|
||||
<div class="collapse mt-1" id="collapsePaymentForm">
|
||||
<p class="text-left"><i>{!! nl2br($promotion_user->about_you) !!}</i></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,35 @@
|
|||
<h2 class="mt-3">Rechnungsdetails</h2>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<label class="switcher switcher-success">
|
||||
{!! Form::checkbox('is_invoice_details_private', 1, true, ['id' => 'switch_invoice_details_private', 'class' => 'switcher-input']) !!}
|
||||
<span class="switcher-indicator">
|
||||
<span class="switcher-yes">
|
||||
<span class="ion ion-md-checkmark"></span>
|
||||
</span>
|
||||
<span class="switcher-no">
|
||||
</span>
|
||||
</span>
|
||||
<span class="switcher-label">Privat (keine Firma)</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<label class="switcher switcher-success">
|
||||
{!! Form::checkbox('is_invoice_details_germany', 1, (Yard::instance('shopping')->getShippingCountryId() == 1 ? true : false), ['id' => 'switch_invoice_details_germany', 'class' => 'switcher-input']) !!}
|
||||
<span class="switcher-indicator">
|
||||
<span class="switcher-yes">
|
||||
<span class="ion ion-md-checkmark"></span>
|
||||
</span>
|
||||
<span class="switcher-no">
|
||||
</span>
|
||||
</span>
|
||||
<span class="switcher-label">aus Deutschland</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-group {{ $errors->has('billing_salutation') ? 'error' : '' }}">
|
||||
<label for="billing_salutation">Anrede <span class="required">*</span></label>
|
||||
|
|
@ -34,18 +64,18 @@
|
|||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="col-12 not-show show_invoice_details_private">
|
||||
<div class="form-group">
|
||||
<label for="billing_company">Firmenname (optional)</label>
|
||||
{!! Form::text('billing_company', '', ['class' => 'form-control', 'id' => 'billing_company']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="col-12 not-show show_invoice_details_germany">
|
||||
<div class="form-group">
|
||||
<label for="billing_state">Land / Region <span class="required">*</span></label>
|
||||
<select id="billing_state" name="billing_state" class="form-control selectpicker"
|
||||
data-style="btn-default" required>
|
||||
{!! HTMLHelper::getCountriesForShipping(1) !!}
|
||||
data-style="btn-default">
|
||||
{!! HTMLHelper::getCountriesForShipping(Yard::instance('shopping')->getShippingCountryId(), false, 2) !!}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -62,7 +92,7 @@
|
|||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
{!! Form::text('billing_address_2', '', ['placeholder' => 'Wohnung, Suite, Zimmer usw. (optional)', 'class' => 'form-control ' . ($errors->has('billing_address_2') ? 'error' : ''), 'id' => 'billing_address_2']) !!}
|
||||
{!! Form::text('billing_address_2', '', ['placeholder' => 'Zusätzliche Angaben / Hinweise (optional)', 'class' => 'form-control ' . ($errors->has('billing_address_2') ? 'error' : ''), 'id' => 'billing_address_2']) !!}
|
||||
@if ($errors->has('billing_address_2'))
|
||||
<label for="billing_address_2" class="error text-danger small"
|
||||
style="display: block;">{{ $errors->first('billing_address_2') }}</label>
|
||||
|
|
@ -89,16 +119,6 @@
|
|||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<label for="billing_phone">Telefon (optional)</label>
|
||||
{!! Form::text('billing_phone', '', ['class' => 'form-control ' . ($errors->has('billing_phone') ? 'error' : ''), 'id' => 'billing_phone']) !!}
|
||||
@if ($errors->has('billing_phone'))
|
||||
<label for="billing_phone" class="error text-danger small"
|
||||
style="display: block;">{{ $errors->first('billing_phone') }}</label>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<label for="billing_email">E-Mail <span class="required">*</span></label>
|
||||
|
|
@ -167,18 +187,18 @@
|
|||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="col-12 not-show show_invoice_details_private">
|
||||
<div class="form-group">
|
||||
<label for="shipping_company">Firmenname (optional)</label>
|
||||
{!! Form::text('shipping_company', '', ['class' => 'form-control', 'id' => 'shipping_company']) !!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="col-12 not-show show_invoice_details_germany">
|
||||
<div class="form-group">
|
||||
<label for="shipping_state">Land / Region <span class="required">*</span></label>
|
||||
<select id="shipping_state" name="shipping_state" class="form-control selectpicker"
|
||||
data-style="btn-default" required>
|
||||
{!! HTMLHelper::getCountriesForShipping(1) !!}
|
||||
data-style="btn-default">
|
||||
{!! HTMLHelper::getCountriesForShipping(Yard::instance('shopping')->getShippingCountryId(), false, 2) !!}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -195,7 +215,7 @@
|
|||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
{!! Form::text('shipping_address_2', '', ['placeholder' => 'Wohnung, Suite, Zimmer usw. (optional)', 'class' => 'form-control ' . ($errors->has('shipping_address_2') ? 'error' : ''), 'id' => 'shipping_address_2']) !!}
|
||||
{!! Form::text('shipping_address_2', '', ['placeholder' => 'Zusätzliche Angaben / Hinweise (optional)', 'class' => 'form-control ' . ($errors->has('shipping_address_2') ? 'error' : ''), 'id' => 'shipping_address_2']) !!}
|
||||
@if ($errors->has('shipping_address_2'))
|
||||
<label for="shipping_address_2" class="error text-danger small"
|
||||
style="display: block;">{{ $errors->first('shipping_address_2') }}</label>
|
||||
|
|
@ -222,16 +242,6 @@
|
|||
@endif
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-group">
|
||||
<label for="shipping_phone">Telefon (optional)</label>
|
||||
{!! Form::text('shipping_phone', '', ['class' => 'form-control ' . ($errors->has('shipping_phone') ? 'error' : ''), 'id' => 'shipping_phone']) !!}
|
||||
@if ($errors->has('shipping_phone'))
|
||||
<label for="shipping_phone" class="error text-danger small"
|
||||
style="display: block;">{{ $errors->first('shipping_phone') }}</label>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
@ -289,8 +299,24 @@
|
|||
validator.element($(this));
|
||||
});
|
||||
|
||||
|
||||
|
||||
function switch_invoice_details_germany(){
|
||||
if($('input#switch_invoice_details_germany').is(':checked')){
|
||||
$('.show_invoice_details_germany').hide('slow');
|
||||
}else{
|
||||
$('.show_invoice_details_germany').show('slow');
|
||||
}
|
||||
}
|
||||
switch_invoice_details_germany();
|
||||
$('input#switch_invoice_details_private').on('change', function () {
|
||||
if($(this).is(':checked')){
|
||||
$('.show_invoice_details_private').hide('slow');
|
||||
}else{
|
||||
$('.show_invoice_details_private').show('slow');
|
||||
}
|
||||
});
|
||||
$('input#switch_invoice_details_germany').on('change', function () {
|
||||
switch_invoice_details_germany();
|
||||
});
|
||||
|
||||
// Shipping Address show|hide
|
||||
$("#shipping_address_switch").bind("change", function() {
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
<label for="billing_state">Land / Region <span class="required">*</span></label>
|
||||
<select id="billing_state" name="billing_state" class="form-control selectpicker"
|
||||
data-style="btn-default" required>
|
||||
{!! HTMLHelper::getCountriesForShipping(1) !!}
|
||||
{!! HTMLHelper::getCountriesForShipping(Yard::instance('shopping')->getShippingCountryId(), false, 2) !!}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -32,15 +32,14 @@
|
|||
<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 }}
|
||||
style="">{{ $row->name }}
|
||||
</div>
|
||||
<div class="text-body">
|
||||
<div class="text-body" style="font-size: 0.9em">
|
||||
<div>Inhalt: {{ $product->contents }}</div>
|
||||
<div>Art.-Nr.: {{ $product->number }}</div>
|
||||
</div>
|
||||
|
|
@ -53,7 +52,7 @@
|
|||
data-product-id="{{ $product->id }}"><i
|
||||
class="fa fa-times"></i> Artikel entfernen</a>
|
||||
@else
|
||||
gratis Produkt
|
||||
gratis
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -90,10 +89,13 @@
|
|||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-2 col-12">
|
||||
<p class="small mb-2">Du hast {{ Yard::instance('shopping')->count() }} Artikel in Deinem Warenkorb</p>
|
||||
<div class="mt-0 col-12">
|
||||
<p class="small mt-0 mb-2">Du hast {{ Yard::instance('shopping')->count() }} Artikel in Deinem Warenkorb
|
||||
<span class="float-right">* Preis inkl. gesetzl. MwSt. | zzgl. Versandkosten</span>
|
||||
</p>
|
||||
<button type="button" class="btn btn-default btn-sm" id="clear-products-basket"><i
|
||||
class="ion ion-ios-trash"></i> Warenkorb löschen</button>
|
||||
<p class="small mt-2 mb-2"></p>
|
||||
<hr class="">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -13,20 +13,8 @@
|
|||
</span>
|
||||
<span class="switcher-no"></span>
|
||||
</span>
|
||||
<span class="switcher-label">0,00 € - Ich hole die Ware bei {{ $promotion_user->user->getFullName() }} persönlich ab</span>
|
||||
<span class="switcher-label">0,00 € - Ich hole die Ware bei {{ $promotion_user->user->getFullName(false) }} persönlich ab (Abholadresse beachten)</span>
|
||||
</label>
|
||||
{{-- <label class="switcher switcher-success">
|
||||
<input type="radio" class="switcher-input" name="switchers_shipping" data-error="#error-switchers_shipping" value="dhl_slow">
|
||||
<span class="switcher-indicator">
|
||||
<span class="switcher-yes">
|
||||
<span class="ion ion-md-checkmark"></span>
|
||||
</span>
|
||||
<span class="switcher-no"></span>
|
||||
</span>
|
||||
<span class="switcher-label">3,50 € - Bücher-/Warensendung mit Deutsche Post (4-6
|
||||
Werktage)</span>
|
||||
</label>
|
||||
--}}
|
||||
<label class="switcher switcher-success">
|
||||
<input type="radio" class="switcher-input" name="switchers_shipping" data-error="#error-switchers_shipping" value="dhl_shipping"
|
||||
@if($shipping_option === 'dhl_shipping') checked @endif>
|
||||
|
|
@ -36,7 +24,7 @@
|
|||
</span>
|
||||
<span class="switcher-no"></span>
|
||||
</span>
|
||||
<span class="switcher-label">ab {{ \App\Services\PromotionCart::getLowestShippingPrice() }} € - Versand mit DHL (1-3 Werktage)</span>
|
||||
<span class="switcher-label"><span id="shipping_price_holder">{{ \App\Services\PromotionCart::getLowestShippingPrice() }}</span> € - Versand mit DHL (1-3 Werktage)</span>
|
||||
</label>
|
||||
</div>
|
||||
<div id="error-switchers_shipping" class="text-left"></div>
|
||||
|
|
|
|||
|
|
@ -1,90 +1,20 @@
|
|||
<section>
|
||||
<h2 class="text-center mt-3">zusätzlich Einkaufen</h2>
|
||||
<h2 class="text-center mt-3">Möchtest Du zusätzlich etwas einkaufen?</h2>
|
||||
<p class="text-center">Vielleicht sagt Dir ja jetzt schon ein Produkt zu und Du nimmst es gleich mit ...</p>
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($shop_products as $product)
|
||||
@php($cartItem = Yard::instance('shopping')->getCartItemByProduct($product->id, false, false))
|
||||
@php($qty = isset($cartItem->qty) ? "x".$cartItem->qty : 0)
|
||||
@php($rowId = isset($cartItem->rowId) ? $cartItem->rowId : '')
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="text-center">
|
||||
@if ($product->images)
|
||||
@if ($image = $product->images->first())
|
||||
<img src="{{ route('product_image', [$image->slug]) }}" class="mb-2 img-fluid" alt="">
|
||||
@endif
|
||||
@endif
|
||||
<h4 class="product-title px-4">
|
||||
{{ $product->name }}
|
||||
</h4>
|
||||
<div class="mb-2 product-description px-4">
|
||||
{{ $product->getShortCopy(true, 110) }}
|
||||
</div>
|
||||
<div class="more_details">
|
||||
<a href="" class="" data-modal="modal-lg" data-toggle="modal"
|
||||
data-target="#modals-load-content" data-id="{{ $product->id }}"
|
||||
data-route="{{ route('web_promotion_modal_load') }}"
|
||||
data-action="web-show-product" data-view="with-price">
|
||||
<i class="fa fa-search"></i> Mehr Details</a>
|
||||
</div>
|
||||
<div class="product-item-price mt-2 mt-2">
|
||||
{{ $product->getFormattedPrice() }} €*
|
||||
<br><span class="small text-muted">{{ $product->getBasePriceFormattedFull() }} €</span>
|
||||
|
||||
</div>
|
||||
<div class="mt-2 pb-3">
|
||||
<button type="button" class="btn btn-primary btn-add-product-shop" data-product_id="{{ $product->id }}" data-row-id="{{ $cartItem->rowId }}">
|
||||
In den Warenkorb <i class="ion ion-md-basket navbar-icon align-middle"></i>
|
||||
<span class="badge badge-cart indicator" id="badge_cart_indicator_{{ $product->id }}">{{ $qty }}</span>
|
||||
</button>
|
||||
<div class="p-4"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
<div class="row justify-content-center">
|
||||
<div class="form-group col-12 col-md-8 col-lg-6">
|
||||
<select id="show_products_filter" name="show_products_filter" class="form-control selectpicker" data-style="btn-default">
|
||||
{!! HTMLHelper::getCategoriesOptionsByShowOn([], 'Kategorie filtern', ['3']) !!}
|
||||
</select>
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<div id="show_products_holder">
|
||||
@include('web.promotion._shop_products_inner')
|
||||
</div>
|
||||
|
||||
<div class="m2-4 text-center small">
|
||||
* Preis inkl. gesetzl. MwSt. | zzgl. Versandkosten
|
||||
<hr class="">
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var swiper = new Swiper(".mySwiper", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</section>
|
||||
82
resources/views/web/promotion/_shop_products_inner.blade.php
Normal file
82
resources/views/web/promotion/_shop_products_inner.blade.php
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
|
||||
<div class="swiper mySwiper">
|
||||
<div class="swiper-wrapper">
|
||||
@foreach ($shop_products as $product)
|
||||
@php($cartItem = Yard::instance('shopping')->getCartItemByProduct($product->id, false, false))
|
||||
@php($qty = isset($cartItem->qty) ? "x".$cartItem->qty : 0)
|
||||
@php($rowId = isset($cartItem->rowId) ? $cartItem->rowId : '')
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="text-center">
|
||||
@if ($product->images)
|
||||
@if ($image = $product->images->first())
|
||||
<img src="{{ route('product_image', [$image->slug]) }}" class="mb-2 img-fluid" alt="">
|
||||
@endif
|
||||
@endif
|
||||
<h4 class="product-title px-4">
|
||||
{{ $product->name }}
|
||||
</h4>
|
||||
<div class="mb-2 product-description px-2">
|
||||
{{ $product->getShortCopy(true, 110) }}
|
||||
</div>
|
||||
<div class="more_details">
|
||||
<a href="" class="" data-modal="modal-lg" data-toggle="modal"
|
||||
data-target="#modals-load-content" data-id="{{ $product->id }}"
|
||||
data-route="{{ route('web_promotion_modal_load') }}"
|
||||
data-action="web-show-product" data-view="with-price">
|
||||
<i class="fa fa-search"></i> Mehr Details</a>
|
||||
</div>
|
||||
<div class="product-item-price mt-2 mt-2">
|
||||
{{ $product->getFormattedPrice() }} €*
|
||||
<br><span class="small text-muted">{{ $product->getBasePriceFormattedFull() }} €</span>
|
||||
|
||||
</div>
|
||||
<div class="mt-2 pb-3">
|
||||
<button type="button" class="btn btn-primary btn-add-product-shop" data-product_id="{{ $product->id }}" data-row-id="{{ $cartItem->rowId }}">
|
||||
In den Warenkorb <i class="ion ion-md-basket navbar-icon align-middle"></i>
|
||||
<span class="badge badge-cart indicator" id="badge_cart_indicator_{{ $product->id }}">{{ $qty }}</span>
|
||||
</button>
|
||||
<div class="p-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
var swiper = new Swiper(".mySwiper", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
breakpoints: {
|
||||
576: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 10,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
992: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1200: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
},
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
|
@ -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>
|
||||
|
|
@ -24,11 +24,13 @@
|
|||
|
||||
<div class="container flex-grow-1 container-p-y pb-0">
|
||||
<div class="media align-items-center pt-3 mb-3">
|
||||
{{-- <img src="assets/img/avatars/5-small.png" alt="" class="d-block ui-w-100 rounded-circle"> --}}
|
||||
@if($promotion_user->user->hasProfileImage())
|
||||
<img src="{{ route('response_file', ['user', $promotion_user->user->getProfileImage()]) }}" alt="" class="d-block ui-w-100 rounded-circle mt-3">
|
||||
@endif
|
||||
<div class="media-body ml-4">
|
||||
<h1 class="text-center">Super, geschafft!</h1>
|
||||
<p class="text-center">
|
||||
Wir werden dich infomieren ....
|
||||
Ich danke Dir, dass Du unseren Service nutzt, wir werden Dich infomieren wenn die Promotion wieder zur Verfügung steht.
|
||||
</p>
|
||||
<p class="text-center">Liebe Grüße,<br>{{ $promotion_user->user->getFullName() }}<br>Vertriebspartner:in der GRÜNEN SEELE Naturkosmetik</p>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue