Card + Products

This commit is contained in:
Kevin Adametz 2018-12-12 14:33:52 +01:00
parent 5ff57a21a7
commit c129a44383
38 changed files with 4489 additions and 1789 deletions

View file

@ -20,13 +20,20 @@
<link href="{{ asset('/assets/plugins/slider.revolution/css/settings.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/assets/css/mystyle.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/assets/css/custom-style.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/css/custom-forms-v2.css') }}" rel="stylesheet" type="text/css" />
<style type="text/css">
.text-primary {
color:#a5d0a5 !important;
}
div.side-nav ul.list-group-bordered > li.list-group-item.active > a:hover{
color: #fff !important;
}
</style>
</head>
<body class="smoothscroll enable-animation">
@ -47,5 +54,26 @@
<script type="text/javascript" src="{{ asset('/assets/plugins/slider.revolution/js/jquery.themepunch.tools.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/assets/plugins/slider.revolution/js/jquery.themepunch.revolution.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('/assets/js/view/demo.revolution_slider.js') }}"></script>
<script>
/** CHECKOUT
** *********************** **/
// New Account show|hide
jQuery("#accountswitch").bind("click", function() {
jQuery('#newaccount').slideToggle(200);
});
// Shipping Address show|hide
jQuery("#shipswitch").bind("click", function() {
jQuery('#shipping').slideToggle(200, function() {
// scroll down to shipping area.
if(jQuery('#shipping').is(":visible")) {
_scrollTo('#shipping', 150);
}
});
});
</script>
</body>
</html>

View file

@ -1,5 +1,43 @@
<div id="header" class="sticky clearfix">
<style>
#header li.quick-cart .quick-cart-box {
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
}
#header li.quick-cart .quick-cart-footer > span {
background-color: transparent;
}
.quick-cart-wrapper span.price {
color: #666666;
font-size: 1.1em;
}
.quick-cart-wrapper h5 {
margin-bottom: 5px;
}
#header li.quick-cart .quick-cart-footer {
padding: 10px 10px 10px 10px;
background-color: #ebebeb;
}
#header li.quick-cart .quick-cart-box {
padding-bottom: 0;
}
#header ul.nav-second-main {
margin-top: 25px;
}
@media only screen and (max-width: 992px){
#header ul.nav-second-main
{
margin-top: 0px;
}
}
#header.fixed ul.nav-second-main {
margin-top: 8px;
}
</style>
<!-- TOP NAV -->
<header id="topNav">
<div class="container">
@ -9,6 +47,60 @@
<i class="fa fa-bars"></i>
</button>
<ul class="pull-right nav nav-pills nav-second-main has-topBar">
<!-- QUICK SHOP CART -->
<li class="quick-cart">
<a href="#" style="border: 1px solid #c3c3c3; padding: 10px;">
<span style="position: relative">
<span class="badge badge-success btn-xs badge-corner">{{ Yard::instance('shopping')->count() }}</span>
<i class="fa fa-shopping-cart"></i>
</span>
&nbsp;
@if(Yard::instance('shopping')->count())
<span class="">{{ \Yard::instance('shopping')->subtotal() }} </span>
@endif
</a>
<div class="quick-cart-box" style="display: none;">
<h4>Warenkorb</h4>
<div class="quick-cart-wrapper">
@foreach(Yard::instance('shopping')->content() as $row)
<a href="{{ url('/produkte/alle-produkte/'.$row->options->slug) }}"><!-- cart item -->
@if($row->options->has('image'))
<img src="{{ route('product_image', [$row->options->image]) }}" width="50" height="66" alt="">
@else
<img src="{{ asset('/assets/images/1x1.png') }}" width="50" height="66" alt="">
@endif
<h5>{{ $row->name }}</h5>
<span class="price">{{ $row->qty }}x <strong>{{ $row->price() }} </strong></span>
</a><!-- /cart item -->
@endforeach
</div>
<!-- quick cart footer -->
<div class="quick-cart-footer clearfix">
<div class="text-left">
<strong>Zwischensumme:</strong> <strong class="pull-right">{{ Yard::instance('shopping')->subtotal() }} </strong>
<br>
<em style="font-size: 0.9em">inkl. MwSt. zzgl. Versandkosten</em>
</div>
<a href="{{ route('card_show') }}" class="btn btn-primary btn-block mt-3">zum Warenkorb</a>
</div>
</div>
</li>
</ul>
<!-- Logo -->
<a class="logo pull-left" href="{{ url('/') }}">