user shop sites

This commit is contained in:
Kevin Adametz 2019-02-07 17:25:43 +01:00
parent 22a2b4710a
commit dc857e88d5
37 changed files with 2044 additions and 869 deletions

View file

@ -0,0 +1,119 @@
@extends($user_shop ?'web.user.layouts.layout' : 'web.layouts.layout')
@section('content')
<section class="page-header page-header-xlg parallax parallax-3"
style="background-image:url('/assets/images/vision-min.jpg')">
<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
<div class="container">
</div>
</section>
<!-- /PAGE HEADER -->
<style>
div.shop-item {
margin-bottom:30px;
border: 1px solid #ddd;
}
div.shop-item > .thumbnail, .thumbnail {
border: none;
}
div.shop-item-summary {
padding: 8px;
}
div.shop-item-summary h2 a {
color: #9aa983;
font-size: 1.2em;
margin: 0 0 10px 0;
}
div.shop-item-buttons {
padding: 0 8px 10px 8px;
}
div.shop-item-buttons .btn-xs{
padding: 4px;
}
.cartContent a.remove_item {
background: transparent;
}
.cartContent .product_name {
font-size: 1.15em;
}
.cartContent .product_name > small {
line-height: 20px;
}
@media only screen and (max-width: 1200px) {
.cartContent .product_name {
padding-bottom: 0;
min-height: 60px;
width: 60%;
}
.cartContent .remove_item {
clear: right;
}
.cartContent .total_price {
width: auto;
padding-top: 30px;
clear: right;
}
.cartContent .item .qty {
float: left;
text-align: left;
}
.cartContent .item.head {
display: none;
}
}
@media only screen and (min-width: 768px) {
.cartContent .total_price {
padding-top: 10px;
}
}
@media only screen and (min-width: 992px) {
.cartContent .total_price {
padding-top: 30px;
}
}
@media only screen and (min-width: 1200px) {
.cartContent .total_price {
padding-top: 10px;
}
}
</style>
<!-- -->
<!-- -->
<section>
<div class="container">
<!-- CHECKOUT FINAL MESSAGE -->
<div class="panel panel-default">
<div class="panel-body">
<h3>Vielen Dank für Deine Anfrage</h3>
<p>
Wir werden uns umgehend bei Dir melden.
</p>
<hr />
<p>
Beste Grüße
<br />
<strong>Dein mivita.care Team </strong>
</p>
</div>
</div>
<!-- /CHECKOUT FINAL MESSAGE -->
</div>
</section>
<!-- / -->
@endsection

View file

@ -12,24 +12,50 @@
</section>
<style>
.plugin-contact-form-error {
background-color: #e68080;
padding: 14px;
border-radius: 8px;
border: 1px solid #da7171;
color: #fff;
.checkbox.error{
color:#b92c28 !important;
}
#plugin-contact-form-success {
background-color: #abbd8b;
padding: 14px;
border-radius: 8px;
border: 1px solid #9eb17e;
color: #fff;
}
</style>
<style type="text/css">
.tp-caption {
text-shadow: none;
}
div.shop-item {
margin-bottom: 30px;
border: 1px solid #ddd;
}
div.shop-item > .thumbnail, .thumbnail {
border: none;
}
div.shop-item-summary {
padding: 8px;
}
div.shop-item-summary h2 a {
color: #9aa983;
font-size: 1.2em;
margin: 0 0 10px 0;
}
div.shop-item-buttons {
padding: 0 8px 10px 8px;
}
div.shop-item-buttons .btn-xs {
padding: 4px;
}
img.avatar {
width: 75%;
max-width: 200px;
border: 6px solid #bbccab;
margin-bottom: 10px;
}
</style>
<!-- /PAGE HEADER -->
<script src='https://www.google.com/recaptcha/api.js'></script>
<!-- -->
<section>
@ -40,109 +66,137 @@
<!-- FORM -->
<div class="col-md-9 col-sm-8">
<h1>Schreibe uns!</strong></h1>
<h1>Schreibe uns!</h1>
<p>Du interessierst Dich für unser Geschäft oder hast Fragen zu den Produkten? Dann freuen wir uns auf eine Nachricht von Dir. Wir werden uns im Anschluss sobald wie möglich bei Dir zurückmelden.</p>
<form role="form" action="contact_form_ajax.php" data-load="submit" method="post"
id="plugin-contact-form">
{!! Form::open(['url' => '/kontakt']) !!}
<div class="row contact-row">
<div class="col-md-6">
<input type="text" class="form-control" id="sender_firstname" name="sender_firstname"
placeholder="Vorname" required>
<div id="error-sender_firstname-required"
class="alert alert-danger plugin-contact-form-error" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
Bitte geben Sie Ihren Vornamen an.
<div class="form-group">
{!! Form::label('first_name', __('First name').'*') !!}
{!! Form::text('first_name', null, ['class' => 'form-control '.($errors->has('first_name') ? 'error' : ''), 'placeholder'=>__('First name'), 'required']) !!}
</div>
@if ($errors->has('first_name'))
<label for="first_name" class="error text-danger small" style="display: block;">{{ $errors->first('first_name') }}</label>
@endif
</div>
<div class="col-md-6">
<input type="text" class="form-control" id="sender_name" name="sender_name"
placeholder="Nachname" required>
<div id="error-sender_name-required"
class="alert alert-danger plugin-contact-form-error" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
Bitte geben Sie Ihren Nachnamen an.
</div>
</div>
</div>
<div class="row contact-row">
<div class="col-md-6">
<input type="email" class="form-control" id="sender_email" name="sender_email"
placeholder="E-Mail" required>
<div id="error-sender_email-required"
class="alert alert-danger plugin-contact-form-error" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
Bitte geben Sie Ihre E-Mail an.
<div class="form-group">
{!! Form::label('last_name', __('Last Name').'*') !!}
{!! Form::text('last_name', null, ['class' => 'form-control '.($errors->has('last_name') ? 'error' : ''), 'placeholder'=>__('Last Name'), 'required']) !!}
</div>
@if ($errors->has('last_name'))
<label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('last_name') }}</label>
@endif
</div>
<div class="col-md-6">
<input type="email" class="form-control" id="sender_email_repeat"
name="sender_email_repeat" placeholder="E-Mail wiederholen" required>
<div id="error-sender_email_repeat-required"
class="alert alert-danger plugin-contact-form-error" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
Bitte geben Sie Ihre E-Mail erneut an.
<div class="form-group">
{!! Form::label('email', __('E-Mail').'*') !!}
{!! Form::email('email', null, ['class' => 'form-control '.($errors->has('email') ? 'error' : ''), 'placeholder'=>__('E-Mail'), 'required']) !!}
</div>
@if ($errors->has('email'))
<label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('email') }}</label>
@endif
</div>
<div class="col-md-6">
<div class="form-group">
{!! Form::label('phone', __('Phone')) !!}
{!! Form::text('phone', null, ['class' => 'form-control', 'placeholder'=>__('Phone')]) !!}
</div>
</div>
</div>
<div class="row contact-row">
<div class="col-md-12">
<input type="text" class="form-control" id="sender_subject" name="sender_subject"
placeholder="Betreff" required>
<div id="error-sender_subject-required"
class="alert alert-danger plugin-contact-form-error" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
Bitte geben Sie einen Betreff an.
<div class="form-group">
{!! Form::label('subject', __('Betreff')) !!}
{!! Form::text('subject', null, ['class' => 'form-control', 'placeholder'=>__('Betreff')]) !!}
</div>
</div>
<div class="col-md-12">
<br>
<textarea class="form-control" name="message" id="message" placeholder="Ihre Nachticht"
rows="6"></textarea>
<div id="error-message-required" class="alert alert-danger plugin-contact-form-error"
style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
Bitte geben Sie eine Nachricht an.
<div class="form-group">
{!! Form::label('message', __('Nachricht*')) !!}
{!! Form::textarea('message', null, ['class' => 'form-control '.($errors->has('message') ? 'error' : ''), 'placeholder'=>__('Ihre Nachticht'), 'required']) !!}
@if ($errors->has('message'))
<label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('message') }}</label>
@endif
</div>
</div>
<div class="col-md-12" style="margin-bottom: 10px; margin-top: 10px;">
<label class="checkbox" for="accepted_data_protection">
<input type="checkbox" name="accepted_data_protection"
id="accepted_data_protection">
<i></i> Hiermit willige ich in die im Rahmen der <a target="_blank" href="/datenschutz">Datenschutzerklärung</a>
<div class="col-md-12" style="margin-bottom: 8px; margin-top: 10px;">
<em class="small">* Pflichtpfelder</em>
</div>
<div class="col-md-12" style="margin-bottom: 8px; margin-top: 8px;">
<label class="checkbox {{ ($errors->has('accepted_data_protection') ? 'error' : '') }}" for="accepted_data_protection">
{!! Form::checkbox('accepted_data_protection', 1, false, ['id'=>'accepted_data_protection', 'class' => 'form-control '.($errors->has('accepted_data_protection') ? 'error' : ''), 'required']) !!}
<i></i> Hiermit willige ich in die im Rahmen der <a target="_blank" href="{{ url('datenschutz') }}">Datenschutzerklärung</a>
genannte Datenverarbeitung ein.
</label>
<div id="error-accepted_data_protection-required"
class="alert alert-danger plugin-contact-form-error" style="display: none;">
<button type="button" class="close" data-dismiss="alert">×</button>
Bitte akzeptieren Sie unsere Datenschutzerklärung.
</div>
@if ($errors->has('accepted_data_protection'))
<label for="last_name" class="error text-danger small" style="display: block;">{{ $errors->first('accepted_data_protection') }}</label>
@endif
</div>
</div>
<input type="hidden" id="required" name="required"
value="message,sender_firstname,sender_name,sender_email,sender_email_repeat,sender_subject,accepted_data_protection">
<input type="hidden" id="sender_token" name="sender_token" value="">
<button type="submit" class="btn btn-primary"><i class="fa fa-check"></i> Nachricht senden
<div class="row contact-row">
<div class="col-md-12">
<div class="g-recaptcha" data-sitekey="{{$GOOGLE_ReCAPTCHA_KEY}}"></div>
@if ($errors->has('g-recaptcha-response'))
<label for="recaptcha" class="error text-danger small" style="display: block;">{{ $errors->first('g-recaptcha-response') }}</label>
@endif
</div>
</div>
<button type="submit" class="btn btn-primary"><i class="fa fa-check"></i> Nachricht senden
</button>
</form>
{!! Form::close() !!}
</div> <!-- end col -->
<!-- /FORM -->
<!-- INFO -->
<div class="col-md-3 col-sm-4">
<div class="col-md-3 col-sm-4" style="border-left: 1px solid #ddd;">
@if($user_shop)
<h2 class="text-center">Kontakt</h2>
<p class="text-center">Ich freue mich über Deinen Besuch in meinem MIVITA Onlineshop. Ich bin Deine persönliche Beratung rund um die Produkte und ihrer Anwendung.</p>
<div class="text-center">
@if($user_shop->isImage())
<img class="img-responsive rounded avatar" src="{{ url($user_shop->getImage()) }}" alt="">
@else
<img class="img-responsive rounded avatar" src="{{ asset('assets/images/avatar.png') }}" alt="">
@endif
</div>
<p class="text-center">
@if($user_shop->title)
<strong style="color: #97b085; font-size: 1.1em;">{{ $user_shop->title }}</strong><br>
@endif
@if($user_shop->contact)
{!! nl2br($user_shop->contact) !!}
@endif
<br>
{{ $user_shop->getSubdomain() }}
</p>
@if($user_shop->accessibility)
<p class="text-center">
<strong>Meine Erreichbarkeit:</strong><br>
{!! nl2br($user_shop->accessibility) !!}
</p>
@endif
@else
<h2>Kontakt</h2>
<hr/>
<p>
<span class="block"><strong><i class="fa fa-map-marker"></i> Adresse:<br></strong> mivita e.K.<br>
<span class="block"><strong><i class="fa fa-map-marker"></i> Adresse:<br></strong> mivita e.K.<br>
Leinfeld 2<br>
87755 Kirchhaslach</span>
<span class="block"><strong><i class="fa fa-phone"></i> Telefon:</strong> <a
@ -158,9 +212,11 @@
<span class="block"><strong>Mo. - Fr.:</strong> 9-12 Uhr u. 13-16 Uhr</span>
</p>
</div>
<!-- /INFO -->
@endif
</div>
<!-- /INFO -->
</div>
</div>

View file

@ -0,0 +1,79 @@
<div class="shop-item">
<div class="thumbnail">
<!-- product image(s) -->
<a class="shop-item-image"
href="{{ url('/produkte/'.$subsite.'/'.$product->slug) }}">
@php ($set = 'first')
@foreach($product->images as $image)
@if($image->slug)
@if($set == 'hover')
<img class="img-responsive"
src="{{ route('shop_product_image', [$image->slug]) }}"
alt="{{ $product->getLang('name') }}"/>
@php($set = 'done')
@endif
@if($set == 'first')
<img class="img-responsive"
src="{{ route('shop_product_image', [$image->slug]) }}"
alt="{{ $product->getLang('name') }}"/>
@php($set = 'hover')
@endif
@endif
@endforeach
</a>
<!-- /product image(s) -->
<!-- hover buttons -->
{{--
<div class="shop-option-over">
<a class="btn btn-default add-wishlist" href="#" data-item-id="4" data-toggle="tooltip" title="" data-original-title="Auf die Wunschliste"><i class="fa fa-heart nopadding"></i></a>
</div>
--}}
<!-- /hover buttons -->
<!-- product more info -->
{{-- <div class="shop-item-info">
<span class="label label-success">NEW</span>
</div>--}}
<!-- /product more info -->
</div>
<div class="shop-item-summary text-center ">
<h2 class=""><a
href="{{ url('/produkte/'.$subsite.'/'.$product->slug) }}">{{ $product->getLang('name') }}</a>
</h2>
<!-- rating -->
<div class="shop-item-rating-line">
<div class="rating rating-5 size-13"><!-- rating-0 ... rating-5 --></div>
</div>
<!-- /rating -->
<!-- price -->
<div class="shop-item-price">
{{ $product->getFormattedPrice() }}
</div>
<!-- /price -->
</div>
<!-- buttons -->
<div class="shop-item-buttons text-left">
<a href="{{ route(Util::getPostRoute().'card_add_get', Util::addRoute([$product->id, 1, $product->slug])) }}"
data-quantity="1" data-product_id="{{ $product->id }}"
aria-label="{{ $product->getLang('name') }} zu deinem Warenkorb hinzufügen"
class="btn btn-primary btn-xs" rel="nofollow">
<i class="fa fa-cart-plus"></i> In den Warenkorb
</a>
<a class="float-right btn btn-primary btn-xs"
href="{{ url('/produkte/'.$subsite.'/'.$product->slug) }}">
<i class="fa fa-list"></i> Details
</a>
</div>
<!-- /buttons -->
</div>

View file

@ -6,22 +6,25 @@
div.shop-item-price > span {
padding: 0;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
}
p {
margin-bottom: 15px;
}
.qty input {
padding: 3px;
margin: 0;
border: #ccc 1px solid;
width: 60px;
margin-right: 3px;
text-align: center;
font-size: 16px;
}
.qty input {
padding: 3px;
margin: 0;
border: #ccc 1px solid;
width: 60px;
margin-right: 3px;
text-align: center;
font-size: 16px;
}
</style>
<section class="page-header page-header-xlg parallax parallax-3"
style="background-image:url('/assets/images/vision-min.jpg')">
@ -31,7 +34,6 @@
</section>
<!-- /PAGE HEADER -->
<!-- -->
<section>
<div class="container">
@ -47,53 +49,38 @@
<div class="col-lg-6 col-sm-6">
@if($product->images->count())
<div class="thumbnail relative margin-bottom-3">
<!--
IMAGE ZOOM
<div class="thumbnail relative margin-bottom-3">
<!-- IMAGE ZOOM data-mode="mouseover|grab|click|toggle" -->
<figure id="zoom-primary" class="zoom" data-mode="mouseover">
<!-- zoom buttton positions available: .bottom-right .bottom-left .top-right .top-left -->
<a class="lightbox bottom-right"
href="{{ route('product_image', [$product->images->first()->slug]) }}"
data-plugin-options='{"type":"image"}'><i
class="glyphicon glyphicon-search"></i></a>
data-mode="mouseover|grab|click|toggle"
-->
<figure id="zoom-primary" class="zoom" data-mode="mouseover">
<!--
zoom buttton
<!-- image Extra: add .image-bw class to force black and white! -->
<img class="img-responsive"
src="{{ route('product_image', [$product->images->first()->slug]) }}"
width="1000" height="1500" alt="{{ $product->getLang('name') }}">
</figure>
positions available:
.bottom-right
.bottom-left
.top-right
.top-left
-->
<a class="lightbox bottom-right"
href="{{ route('product_image', [$product->images->first()->slug]) }}"
data-plugin-options='{"type":"image"}'><i class="glyphicon glyphicon-search"></i></a>
</div>
<!--
image
<!-- Thumbnails (required height:100px) -->
<div data-for="zoom-primary" class="zoom-more owl-carousel owl-padding-3 featured"
data-plugin-options='{"singleItem": false, "autoPlay": false, "navigation": true, "pagination": false}'>
@php ($activ = 'active')
@foreach($product->images as $image)
<a class="thumbnail {{ $activ }}"
href="{{ route('product_image', [$image->slug]) }}">
<img src="{{ route('product_image', [$image->slug]) }}"
height="100" alt=""/>
</a>
@php ($activ = '')
@endforeach
Extra: add .image-bw class to force black and white!
-->
<img class="img-responsive"
src="{{ route('product_image', [$product->images->first()->slug]) }}"
width="1000" height="1500" alt="{{ $product->getLang('name') }}">
</figure>
</div>
<!-- Thumbnails (required height:100px) -->
<div data-for="zoom-primary" class="zoom-more owl-carousel owl-padding-3 featured"
data-plugin-options='{"singleItem": false, "autoPlay": false, "navigation": true, "pagination": false}'>
@php ($activ = 'active')
@foreach($product->images as $image)
<a class="thumbnail {{ $activ }}"
href="{{ route('product_image', [$image->slug]) }}">
<img src="{{ route('product_image', [$image->slug]) }}"
height="100" alt="" />
</a>
@php ($activ = '')
@endforeach
</div>
<!-- /Thumbnails -->
</div>
<!-- /Thumbnails -->
@endif
@ -102,9 +89,11 @@
<!-- ITEM DESC -->
<div class="col-lg-6 col-sm-6">
<!--<div class="pull-right">
{{--
<div class="pull-right">
<a class="btn btn-default add-wishlist" href="#" data-item-id="1" data-toggle="tooltip" title="" data-original-title="Add To Wishlist"><i class="fa fa-heart nopadding"></i></a>
</div>-->
</div>
--}}
<h1 class="small-h1">{{ $product->getLang('name') }}</h1>
{!! $product->getLang('copy') !!}
@ -121,7 +110,8 @@
<div class="qty float-left">
<input type="number" value="1" name="quantity" maxlength="3" max="999" min="1"><br>
</div>
<button class="btn btn-primary">In den Warenkorb</button><br>
<button class="btn btn-primary">In den Warenkorb</button>
<br>
<span style="font-size: 0.7em; color:#999; font-weight: 400;"><em>Lieferzeit: 1-3 Werktage</em></span>
{!! Form::close() !!}
</div>
@ -143,7 +133,7 @@
</small>
</div>
<!-- /ITEM DESC -->
<!-- /ITEM DESC -->
</div>
@ -151,7 +141,8 @@
<div class="col-lg-12 col-sm-12">
<ul id="myTab" class="nav nav-tabs nav-top-border margin-top-40" role="tablist">
<li role="presentation" class="active"><a href="#description" role="tab" data-toggle="tab">Beschreibung</a>
<li role="presentation" class="active"><a href="#description" role="tab"
data-toggle="tab">Beschreibung</a>
</li>
<li role="presentation"><a href="#usage" role="tab" data-toggle="tab">Anwendung</a></li>
<li role="presentation"><a href="#ingredients" role="tab" data-toggle="tab">Inhaltsstoffe</a>
@ -188,7 +179,7 @@
</div>
<!-- /RIGHT COLUMNS -->
</div>
</div>
</div>
</section>
<!-- / -->

View file

@ -1,4 +1,3 @@
@extends($user_shop ?'web.user.layouts.layout' : 'web.layouts.layout')
@ -15,24 +14,29 @@
<style>
div.shop-item {
margin-bottom:30px;
margin-bottom: 30px;
border: 1px solid #ddd;
}
div.shop-item > .thumbnail, .thumbnail {
border: none;
}
div.shop-item-summary {
padding: 8px;
}
div.shop-item-summary h2 a {
color: #9aa983;
font-size: 1.2em;
margin: 0 0 10px 0;
}
div.shop-item-buttons {
padding: 0 8px 10px 8px;
}
div.shop-item-buttons .btn-xs{
div.shop-item-buttons .btn-xs {
padding: 4px;
}
</style>
@ -46,78 +50,13 @@
<div class="col-md-9 col-sm-9 col-md-push-3 col-sm-push-3">
<h1>Produktwelt</h1>
<ul class="shop-item-list row list-inline nomargin">
@foreach($products as $product)
<!-- ITEM -->
<li class="col-lg-4 col-sm-4">
<div class="shop-item">
<div class="thumbnail">
<!-- product image(s) -->
<a class="shop-item-image" href="{{ url('/produkte/'.$subsite.'/'.$product->slug) }}">
@php ($set = 'first')
@foreach($product->images as $image)
@if($set == 'hover')
<img class="img-responsive" src="{{ route('product_image', [$image->slug]) }}" alt="{{ $product->getLang('name') }}"/>
@php($set = 'done')
@endif
@if($set == 'first')
<img class="img-responsive" src="{{ route('product_image', [$image->slug]) }}" alt="{{ $product->getLang('name') }}"/>
@php($set = 'hover')
@endif
@endforeach
</a>
<!-- /product image(s) -->
<!-- hover buttons -->
<!-- <div class="shop-option-over">
<a class="btn btn-default add-wishlist" href="#" data-item-id="4" data-toggle="tooltip" title="" data-original-title="Auf die Wunschliste"><i class="fa fa-heart nopadding"></i></a>
</div>
<!-- /hover buttons -->
<!-- product more info -->
<!-- <div class="shop-item-info">
<span class="label label-success">NEW</span>
</div>
-->
<!-- /product more info -->
</div>
<div class="shop-item-summary text-center ">
<h2 class=""><a href="{{ url('/produkte/'.$subsite.'/'.$product->slug) }}">{{ $product->getLang('name') }}</a></h2>
<!-- rating -->
<div class="shop-item-rating-line">
<div class="rating rating-5 size-13"><!-- rating-0 ... rating-5 --></div>
</div>
<!-- /rating -->
<!-- price -->
<div class="shop-item-price">
{{ $product->getFormattedPrice() }}
</div>
<!-- /price -->
</div>
<!-- buttons -->
<div class="shop-item-buttons text-left">
<a href="{{ route(Util::getPostRoute().'card_add_get', Util::addRoute([$product->id, 1, $product->slug])) }}" data-quantity="1" data-product_id="{{ $product->id }}" aria-label="{{ $product->getLang('name') }} zu deinem Warenkorb hinzufügen" class="btn btn-primary btn-xs" rel="nofollow">
<i class="fa fa-cart-plus"></i> In den Warenkorb
</a>
<a class="float-right btn btn-primary btn-xs" href="{{ url('/produkte/'.$subsite.'/'.$product->slug) }}">
<i class="fa fa-list"></i> Details
</a>
</div>
<!-- /buttons -->
</div>
</li>
<!-- /ITEM -->
<!-- ITEM -->
<li class="col-lg-4 col-sm-4">
@include('web.templates.produkte-item')
</li>
<!-- /ITEM -->
@endforeach
</ul>