Card + Products
This commit is contained in:
parent
5ff57a21a7
commit
c129a44383
38 changed files with 4489 additions and 1789 deletions
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
||||
|
||||
@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('/') }}">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue