conflict resolve

This commit is contained in:
rahul shukla 2018-10-03 16:25:54 +05:30
commit 028b0f59f7
28 changed files with 502 additions and 1208 deletions

View File

@ -16,9 +16,9 @@ class CreateCartTable extends Migration
Schema::create('cart', function (Blueprint $table) {
$table->increments('id');
$table->integer('customer_id')->unsigned()->nullable();
$table->foreign('customer_id')->references('id')->on('customers');
$table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
$table->integer('channel_id')->unsigned();
$table->foreign('channel_id')->references('id')->on('channels');
$table->foreign('channel_id')->references('id')->on('channels')->onDelete('cascade');
$table->string('shipping_method')->nullable();
$table->string('coupon_code')->nullable();
$table->boolean('is_gift')->default(0);

View File

@ -19,7 +19,7 @@ class CreateCartItemsTable extends Migration
$table->foreign('product_id')->references('id')->on('products');
$table->integer('quantity')->unsigned()->default(1);
$table->integer('cart_id')->unsigned();
$table->foreign('cart_id')->references('id')->on('cart');
$table->foreign('cart_id')->references('id')->on('cart')->onDelete('cascade');
$table->string('sku')->nullable();
$table->string('type')->nullable();
$table->string('name')->nullable();

View File

@ -27,7 +27,7 @@ class CreateCartAddress extends Migration
$table->string('phone');
$table->string('address_type');
$table->integer('cart_id')->nullable()->unsigned();
$table->foreign('cart_id')->references('id')->on('cart');
$table->foreign('cart_id')->references('id')->on('cart')->onDelete('cascade');
$table->integer('customer_id')->nullable()->unsigned();
$table->foreign('customer_id')->references('id')->on('customers');
$table->timestamps();

View File

@ -15,6 +15,8 @@ class CreateCustomersTable extends Migration
{
Schema::create('customers', function (Blueprint $table) {
$table->increments('id');
$table->integer('channel_id')->unsigned();
$table->foreign('channel_id')->references('id')->on('channels');
$table->string('first_name');
$table->string('last_name');
$table->enum('gender', ['Male', 'Female']);

View File

@ -16,7 +16,7 @@ class CreateCustomerAddressesTable extends Migration
Schema::create('customer_addresses', function (Blueprint $table) {
$table->increments('id');
$table->integer('customer_id')->unsigned();
$table->foreign('customer_id')->references('id')->on('customers');
$table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
$table->string('address1');
$table->string('address2')->nullable();
$table->string('country');

View File

@ -0,0 +1,41 @@
<?php
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateWishlistTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('wishlist', function (Blueprint $table) {
$table->increments('id');
$table->integer('channel_id')->unsigned();
$table->foreign('channel_id')->references('id')->on('channels');
$table->integer('product_id')->unsigned();
$table->foreign('product_id')->references('id')->on('products');
$table->integer('customer_id')->unsigned();
$table->foreign('customer_id')->references('id')->on('customers')->onDelete('cascade');
$table->json('item_options')->nullable();
$table->date('moved_to_cart')->nullable();
$table->boolean('shared')->nullable();
$table->date('time_of_moving');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('wishlist');
}
}

View File

@ -17,7 +17,7 @@ class ComposerServiceProvider extends ServiceProvider
public function boot()
{
//using the class based composers...
View::composer(['shop::layouts.header.index', 'shop::layouts.footer','shop::layouts.master'], 'Webkul\Shop\Http\ViewComposers\Categories\CategoryComposer');
View::composer(['shop::layouts.header.index', 'shop::layouts.footer.footer'], 'Webkul\Shop\Http\ViewComposers\Categories\CategoryComposer');
}
/**

View File

@ -89,94 +89,4 @@ export default {
}
}
}
</script>
<style>
.show {
display: none;
}
.dropdown-cart {
position: absolute;
background: #FFFFFF;
border: 1px solid #E8E8E8;
box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.40);
color: #242424;
padding: 20px;
border-radius: 1px;
right: 10%;
top: 75px;
width: 387px;
z-index: 5;
}
.dropdown-cart > .dropdown-header {
width: 100%;
}
.dropdown-cart > .dropdown-header p{
display: inline;
line-height: 25px;
}
.dropdown-cart > .dropdown-header i{
cursor: pointer;
float: right;
height: 22px;
width: 22px;
}
.dropdown-cart > .dropdown-header p.heading {
font-weight: lighter;
}
.dropdown-content {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 7px;
}
.dropdown-content .item{
display: flex;
flex-direction: row;
border-bottom: 1px solid #E8E8E8;
padding-top: 9px;
padding-bottom: 9px;
}
.dropdown-content .item img{
height: 75px;
width: 75px;
margin-right: 8px;
}
.dropdown-content .item-details{
height: 75px;
}
.item-details .item-name {
font-size: 16px;
font-weight: bold;
margin-bottom: 9px;
}
.item-details .item-price {
margin-bottom: 9px;
}
.item-details .item-qty {
font-weight: lighter;
margin-bottom: 9px;
}
.dropdown-footer {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 4px;
}
.dropdown-footer button {
border-radius: 0px;
}
</style>
</script>

View File

@ -283,6 +283,7 @@ section.slider-block {
flex-direction: row;
justify-content: flex-end;
align-items: center;
cursor: pointer;
ul.account-dropdown-container {
float: right;
@ -314,55 +315,129 @@ section.slider-block {
}
}
ul.cart-dropdown {
ul.cart-dropdown-container {
float: right;
margin-left: 10px;
li.cart-summary {
li.cart-dropdown {
display: flex;
flex-direction: row;
margin-left: 14px;
justify-content: center;
align-items: center;
.cart-icon {
margin: 0;
margin-right: 8px;
height: 24px;
width: 24px;
margin-right: 8px;
}
.cart {
padding-top: 3px;
padding-right: 5px;
.cart-count {
color: $brand-color;
padding-right: 3px;
}
}
.icon.arrow-down-icon {
margin-top: 10px;
}
.dropdown-list {
width: 387px;
}
.dropdown-list .dropdown-container {
padding: 10px 18px 10px 18px;
max-height: 410px;
overflow-y: auto;
.dropdown-cart {
color: #242424;
}
.dropdown-cart > .dropdown-header {
width: 100%;
}
.dropdown-cart > .dropdown-header p{
display: inline;
line-height: 25px;
}
.dropdown-cart > .dropdown-header i{
cursor: pointer;
float: right;
height: 22px;
width: 22px;
}
.dropdown-cart > .dropdown-header p.heading {
font-weight: lighter;
}
.dropdown-content {
padding-top: 8px;
padding-bottom: 10px;
}
.dropdown-content .item{
display: flex;
flex-direction: row;
border-bottom: 1px solid #E8E8E8;
padding-top: 8px;
padding-bottom: 8px;
}
.dropdown-content .item img{
height: 75px;
width: 75px;
margin-right: 8px;
}
.dropdown-content .item-details{
height: 75px;
}
.item-details .item-name {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.item-details .item-price {
margin-bottom: 8px;
}
.item-details .item-qty {
font-weight: lighter;
margin-bottom: 8px;
}
.dropdown-footer {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.dropdown-footer button {
border-radius: 0px;
width: 130px;
}
}
}
}
}
.right-responsive {
ul.right-responsive {
display: none;
ul.right-wrapper {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
li {
margin-right : 5px;
}
li:not(:last-child) {
margin-right: 7px;
li:last-child {
margin-right: 0px;
}
span.icon {
margin: 0;
height: 24px;
width: 24px;
}
}
ul {
margin-right : 5px;
}
ul:last-child {
margin-right: 0px;
}
}
}
@ -486,50 +561,25 @@ section.slider-block {
}
}
//header page responsive css start here
@media only screen and (max-width: 770px) {
@media all and (max-width: 720px) {
.header-bottom {
display: none !important;
}
.header {
ul.search-container {
display: none !important;
}
.header-top {
ul.account-dropdown-container {
display: none !important;
}
div.left-content {
ul.cart-dropdown-container {
display: none !important;
}
ul.search-container {
li.search-group {
display: none;
}
}
}
div.right-content {
display: none;
}
.right-responsive {
display: inherit;
}
}
.header-bottom {
border-bottom: none;
display: none;
.nav > li {
float: none;
height: 48px;
border-bottom: 1px solid $border-color;
}
.nav > li:last-child {
float:none;
}
.nav > li:last-child img {
margin-left: 10px;
}
}
ul.right-responsive {
display: flex !important;
}
}

View File

@ -7,6 +7,14 @@
grid-auto-rows: auto;
}
.product-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 27px;
grid-row-gap: 15px;
grid-auto-rows: auto;
}
@media only screen and (max-width: 854px) {
.product-grid-4 {
grid-template-columns: 30% 30% 30%;
@ -30,15 +38,6 @@
}
.product-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 27px;
grid-row-gap: 15px;
grid-auto-rows: auto;
}
.product-card {
.product-image {
@ -64,22 +63,16 @@
}
.product-description {
margin-bottom: 14px;
display: none;
}
.product-ratings {
width: 100%;
margin-bottom: 14px;
.icon {
width: 16px;
height: 16px;
}
.total-reviews {
display: none;
}
}
.cart-fav-seg {
@ -87,7 +80,6 @@
width: 100%;
.addtocart {
border-radius: 0px;
margin-right: 10px;
text-transform: uppercase;
white-space: nowrap;

View File

@ -49,11 +49,11 @@
@if ($product->type == 'configurable')
<div class="summary">
@foreach (cart::getItemAttributeOptionDetails($item) as $key => $option)
{{-- @foreach (cart::getItemAttributeOptionDetails($item) as $key => $option)
{{ (!$key ? '' : ' , ') . $option['attribute_name'] . ' : ' . $option['option_label'] }}
@endforeach
@endforeach --}}
</div>
@endif

View File

@ -5,6 +5,7 @@
</div>
<div class="featured-grid product-grid-4">
@for($i=0; $i<4; $i++)
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
@ -15,7 +16,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
@ -25,65 +26,6 @@
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/gogs.png" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/gogs.png" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>
@endfor
</div>
</section>

View File

@ -15,7 +15,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
@ -36,7 +36,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
@ -57,7 +57,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
@ -78,7 +78,7 @@
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<div class="product-ratings mb-10">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>

View File

@ -1,66 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Foo</title>
<style>
.container {
box-sizing: border-box;
max-width: 50%;
border: 1px solid green;
height: 95vh;
}
.last-grid {
display: grid;
grid-template-columns: repeat(2, minmax(47.5%, 1fr));
grid-gap: 5%;
}
.block1 {
display: block;
box-sizing: border-box;
background: pink;
height: 95vh;
}
.block2 {
display: block;
box-sizing: border-box;
/* background: red; */
height: 95vh;
display: grid;
grid-template-rows: 47.5% 47.5%;
grid-row-gap: 5%;
}
.sub-block1 {
display: block;
box-sizing: border-box;
background: green;
}
.sub-block2 {
display: block;
box-sizing: border-box;
background: paleturquoise;
}
</style>
</head>
<body>
<div class="container">
<div class="last-grid">
<div class="block1"></div>
<div class="block2">
<div class="sub-block1"></div>
<div class="sub-block2"></div>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,47 +0,0 @@
<div class="footer">
<div class="footer-content">
<div class="footer-list-container">
<div class="list-container">
<span class="list-heading">Categories</span>
<ul class="list-group">
<li>MEN</li>
<li>Women</li>
<li>Kids</li>
<li>Accessories</li>
<li>Home & Living</li>
</ul>
</div>
<div class="list-container">
<span class="list-heading">Quick Links</span>
<ul class="list-group">
<li>About Us</li>
<li>Return Policy</li>
<li>Refund Policy</li>
<li>Terms and conditions</li>
<li>Terms of Use</li>
<li>Contact Us</li>
</ul>
</div>
<div class="list-container">
<span class="list-heading">Connect With Us</span>
<ul class="list-group">
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Facebook</li>
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Twitter</li>
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Instagram</li>
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>Google+</li>
<li><span class="icon-wrapper"><span class="icon icon-dashboard"></span></span>LinkedIn</li>
</ul>
</div>
<div class="list-container">
<span class="list-heading">Subscribe Newsletter</span>
<div class="form-container">
<div class="control-group">
<input type="text" class="control subscribe-field" placeholder="Email Address"><br/>
<button class="btn btn-md btn-primary">Subscribe</button>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@ -23,13 +23,6 @@
<div class="right-content">
{{-- Triggered on responsive mode only --}}
<ul class="search-dropdown-container">
<li class="search-dropdown">
</li>
</ul>
<ul class="account-dropdown-container">
<li class="account-dropdown">
@ -86,44 +79,176 @@
</div>
@endauth
</li>
</ul>
<ul class="cart-dropdown-container">
<li class="cart-dropdown">
<span class="icon cart-icon"></span>
@if(isset($cart))
@php
$cartInstance = session()->get('cart');
@endphp
<div class="dropdown-toggle">
<div style="display: inline-block; cursor: pointer;">
<span class="name"><span class="count"> {{$cartInstance->items_count}} Products</span>
</div>
<i class="icon arrow-down-icon active"></i>
</div>
<div class="dropdown-list" style="display: none; top: 50px; right: 0px">
<div class="dropdown-container">
<div class="dropdown-cart">
<div class="dropdown-header">
<p class="heading">Cart Subtotal - {{ $cartInstance->sub_total }}</p>
</div>
<div class="dropdown-content">
@foreach($cart as $product)
<div class="item" >
<div class="item-image" >
<img src="{{$product['2']}}" />
</div>
<div class="item-details">
<div class="item-name">{{$product['0']}}</div>
<div class="item-price">{{$product['1']}}</div>
<div class="item-qty">Quantity - {{$product['3']}}</div>
</div>
</div>
@endforeach
</div>
<div class="dropdown-footer">
<a href="{{ route('shop.checkout.cart.index') }}">View Shopping Cart</a>
<button class="btn btn-primary btn-lg">CHECKOUT</button>
</div>
</div>
</div>
</div>
@else
<div class="dropdown-toggle">
<div style="display: inline-block; cursor: pointer;">
<span class="name"><span class="count"> 0 &nbsp;</span>Products</span>
</div>
</div>
@endif
</li>
</ul>
@if(isset($cart))
<cart-dropdown :items='@json($cart)'></cart-dropdown>
@else
<ul class="cart-dropdown">
<li class="cart-summary">
<span class="icon cart-icon"></span>
<ul class="right-responsive">
<li class="search-box"><span class="icon search-icon" id="search"></span></li>
<ul class="resp-account-dropdown-container">
<span class="cart"><span class="cart-count">0</span>Products</span>
<li class="account-dropdown">
<span class="icon arrow-down-icon"></span>
<div class="dropdown-toggle">
<span class="icon account-icon"></span>
{{-- <div style="display: inline-block; cursor: pointer;">
<span class="name">Account</span>
</div>
<i class="icon arrow-down-icon active"></i> --}}
</div>
@guest
<div class="dropdown-list bottom-right" style="display: none;">
<div class="dropdown-container">
<label>Account</label>
<ul>
<li><a href="{{ route('customer.session.index') }}">Sign In</a></li>
<li><a href="{{ route('customer.register.index') }}">Sign Up</a></li>
</ul>
</div>
</div>
@endguest
@auth('customer')
<div class="dropdown-list bottom-right" style="display: none;">
<div class="dropdown-container">
<label>Account</label>
<ul>
<li><a href="{{ route('customer.account.index') }}">Account</a></li>
<li><a href="{{ route('customer.profile.index') }}">Profile</a></li>
<li><a href="{{ route('customer.address.index') }}">Address</a></li>
<li><a href="{{ route('customer.wishlist.index') }}">Wishlist</a></li>
{{-- <li><a href="{{ route('customer.cart') }}">Cart</a></li> --}}
<li><a href="{{ route('customer.orders.index') }}">Orders</a></li>
<li><a href="{{ route('customer.session.destroy') }}">Logout</a></li>
</ul>
</div>
</div>
@endauth
</li>
</ul>
@endif
<ul class="resp-cart-dropdown-container">
{{-- Meant for responsive views only --}}
<ul class="ham-dropdown-container">
<li class="cart-dropdown">
@if(isset($cart))
@php
$cartInstance = session()->get('cart');
@endphp
<div class="dropdown-toggle">
<span class="icon cart-icon"></span>
</div>
<li class="ham-dropdown">
{{-- use this section for the dropdown of the hamburger menu --}}
</li>
<div class="dropdown-list" style="display: none; top: 50px; right: 0px">
<div class="dropdown-container">
<div class="dropdown-cart">
<div class="dropdown-header">
<p class="heading">Cart Subtotal - {{ $cartInstance->sub_total }}</p>
</div>
<div class="dropdown-content">
@foreach($cart as $product)
<div class="item" >
<div class="item-image" >
<img src="{{$product['2']}}" />
</div>
<div class="item-details">
<div class="item-name">{{$product['0']}}</div>
<div class="item-price">{{$product['1']}}</div>
<div class="item-qty">Quantity - {{$product['3']}}</div>
</div>
</div>
@endforeach
</div>
<div class="dropdown-footer">
<a href="/">View Shopping Cart</a>
<button class="btn btn-primary btn-lg">CHECKOUT</button>
</div>
</div>
</div>
</div>
@else
<div class="dropdown-toggle">
<div style="display: inline-block; cursor: pointer;">
<span class="name"><span class="count"> 0 &nbsp;</span>Products</span>
</div>
</div>
@endif
</li>
</ul>
{{-- <li class="cart-box"><span class="icon cart-icon"></span></li> --}}
<li class="menu-box" ><span class="icon sortable-icon" id="sortable"></span></li>
</ul>
</div>
<div class="right-responsive">
<ul class="right-wrapper">
<li class="search-box"><span class="icon search-icon" id="search"></span></li>
<li class="account-box"><span class="icon account-icon"></span></li>
<li class="cart-box"><span class="icon cart-icon"></span></li>
<li class="menu-box" ><span class="icon sortable-icon" id="hammenu"></span></li>
</ul>
</div>
</div>

View File

@ -35,7 +35,7 @@
</div>
@include('shop::layouts.footer')
@include('shop::layouts.footer.footer')
</div>

View File

@ -1,20 +0,0 @@
<div class="product-card">
<div class="product-image">
<img src="vendor/webkul/shop/assets/images/grid.png" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="vendor/webkul/shop/assets/images/5star.svg" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-lg btn-primary addtocart">Add to Cart</button>
<span><img src="vendor/webkul/shop/assets/images/wishadd.svg" /></span>
</div>
</div>

View File

@ -1,7 +1,7 @@
@inject ('reviewHelper', 'Webkul\Product\Product\Review')
@if ($total = $reviewHelper->getTotalReviews($product))
<div class="product-ratings">
<div class="product-ratings mb-10">
<span class="stars">
@for ($i = 1; $i <= round($reviewHelper->getAverageRating($product)); $i++)

View File

@ -1,208 +0,0 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<section class="cart">
<div class="title">
Shopping Cart
</div>
<div class="cart-content">
{{-- {{ dd($products) }} --}}
<div class="left-side">
@foreach($products as $product)
<div class="item">
<div style="margin-right: 15px;">
<img class="item-image" src="{{ bagisto_asset("$product[2]") }}" />
</div>
<div class="item-details">
<div class="item-title">
{{$product[0]}}
</div>
<div class="price">
<span class="main-price">
{{$product[1]}}
</span>
<span class="real-price">
$25.00
</span>
<span class="discount">
10% Off
</span>
</div>
<div class="summary" >
Color : Gray, Size : S, Sleeve type : Puffed Sleeves, Occasion : Birthday, Marriage Anniversary
</div>
<div class="misc">
<div class="qty-text">Quantity</div>
<div class="box">{{ $product[3] }}</div>
<span class="remove">Remove</span>
<span class="towishlist">Move to Wishlist</span>
</div>
</div>
</div>
@endforeach
<div class="misc-controls">
<span>Continue Shopping</span>
<button class="btn btn-lg btn-primary">PROCEED TO CHECKOUT</button>
</div>
</div>
<div class="right-side">
<div class="price-section">
<div class="title">
Price Detail
</div>
<div class="all-item-details">
@foreach($products as $product)
<div class="item-details">
<span class="name">{{ $product[0] }}</span>
<span class="price">$ {{ $product[1] }}</span>
</div>
@endforeach
</div>
<div class="horizontal-rule"></div>
<div class="total-details">
<span class="name">Amount Payable</span>
<span class="amount">$75.00</span>
</div>
</div>
<div class="coupon-section">
<span class="title">Apply Coupon</span>
<div class="control-group">
<input type="text" class="control coupon-input" placeholder="Coupon Code" />
</div>
<button class="btn btn-md btn-primary">Apply</button>
<div class="coupon-details">
<div class="title">Coupon Used</div>
<div class="coupon">
<span class="name">Coupon 1</span>
<span class="discount">$15</span>
</div>
<div class="coupon">
<span class="name">Coupon 2</span>
<span class="discount">$5</span>
</div>
</div>
<div class="horizontal-rule"></div>
<div class="after-coupon-amount">
<span class="name">Amount Payable</span>
<span class="amount">$75.00</span>
</div>
</div>
</div>
</div>
</section>
<div class="related-products-wrapper">
<div class="title">
We found other products you might like!
</div>
<div class="horizontal-rule"></div>
<div class="related-products">
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
</div>
</div>
@endsection

View File

@ -1,9 +0,0 @@
@extends('shop::layouts.master')
@section('slider')
@include('shop::store.slider.slider')
@endsection
@section('content-wrapper')
@include('shop::store.grids.featured.featuredproductgrid')
@include('shop::store.grids.newproduct.newproductgrid')
@include('shop::store.grids.newsupdate.newsupdategrid')
@endsection

View File

@ -1,285 +0,0 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<section class="product-detail">
<div class="category-breadcrumbs">
<span class="breadcrumb">Home</span> > <span class="breadcrumb">Men</span> > <span class="breadcrumb">Slit Open Jeans</span>
</div>
<div class="layouter">
<div class="product-image-group">
<div class="side-group">
<img src="{{ bagisto_asset('images/jeans.jpg') }}" />
<img src="{{ bagisto_asset('images/jeans.jpg') }}" />
<img src="{{ bagisto_asset('images/jeans.jpg') }}" />
<img src="{{ bagisto_asset('images/jeans.jpg') }}" />
</div>
<div class="product-hero-image">
<img src="{{ bagisto_asset('images/jeans_big.jpg') }}" />
<img class="wishlist" src="{{ bagisto_asset('images/wish.svg') }}" />
<img class="share" src="{{ bagisto_asset('images/icon-share.svg') }}" />
</div>
</div>
<div class="details">
<div class="product-heading">
<span>Rainbow creation Embroidered</span>
</div>
<div class="rating">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
75 Ratings & 11 Reviews
</div>
<div class="price">
<span class="main-price">
$24.00
</span>
<span class="real-price">
$25.00
</span>
<span class="discount">
10% Off
</span>
</div>
<div class="stock-status">
InStock
</div>
<br/>
<div class="description">
Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers.
</div>
<hr/>
<div class="attributes">
<div class="attribute color">
<div class="title">Color</div>
<div class="values">
<div class="colors red"></div>
<div class="colors blue"></div>
<div class="colors green"></div>
</div>
</div>
<div class="attribute size">
<div class="title">Size</div>
<div class="values">
<div class="size xl">XL</div>
<div class="size xxl">XXL</div>
<div class="size xxxl">XXXL</div>
</div>
</div>
<div class="attribute quantity">
<div class="title">Quantity</div>
<div class="values">
<div class="size">1</div>
</div>
</div>
</div>
<hr/>
{{-- The elements below will be accordians --}}
<div class="full-description">
<h4>Description</h4>
Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm d rivers. Bluetooth-enabled connectivity with NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<hr/>
<div class="full-specifications">
<h4>Specification</h4>
</div>
<hr/>
<div class="rating-reviews">
<div class="title">
Ratings & Reviews
</div>
<div class="overall">
<span class="number">
4.3
</span>
<span class="stars">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
<button class="btn btn-md btn-primary">Write Review</button>
<div class="total-reviews">
24,330 Ratings & 104 Reviews
</div>
</div>
<div class="reviews">
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="view-all">View All</div>
<hr/>
</div>
</div>
</div>
</div>
<div class="related-products-wrapper">
<div class="title">
We found other products you might like!
</div>
<div class="horizontal-rule"></div>
<div class="related-products">
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
<div class="product-card">
<div class="product-image">
<img src="{{ bagisto_asset('images/grid.png') }}" />
</div>
<div class="product-name">
<span>Red Black Tees</span>
</div>
<div class="product-price">
<span>$65.00</span>
</div>
<div class="product-ratings">
<span>
<img src="{{ bagisto_asset('images/5star.svg') }}" />
</span>
</div>
<div class="cart-fav-seg">
<button class="btn btn-md btn-primary addtocart">Add to Cart</button>
<span><img src="{{ bagisto_asset('images/wishadd.svg') }}" /></span>
</div>
</div>
</div>
</div>
</section>
@endsection

View File

@ -1,162 +0,0 @@
@extends('shop::layouts.master')
@section('content-wrapper')
<section class="product-review">
<div class="category-breadcrumbs">
<span class="breadcrumb">Home</span> > <span class="breadcrumb">Men</span> > <span class="breadcrumb">Slit Open Jeans</span>
</div>
<div class="layouter">
<div class="mixed-group">
<div class="single-image">
<img src="{{ asset('vendor/webkul/shop/assets/images/jeans_big.jpg') }}" />
</div>
<div class="details">
<div class="product-name">
Slit Open Jeans
</div>
<div class="price">
<span class="main-price">
$24.00
</span>
<span class="real-price">
$25.00
</span>
<span class="discount">
10% Off
</span>
</div>
</div>
</div>
<div class="rating-reviews">
<div class="title-inline">
<span>Ratings & Reviews</span>
<button class="btn btn-md btn-primary">Write Review</button>
</div>
<div class="overall">
<div class="left-side">
<span class="number">
4.3
</span>
<span class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
</span>
<div class="total-reviews">
24,330 Ratings & 104 Reviews
</div>
</div>
<div class="right-side">
<div class="rater 5star">
<div class="star">5 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div> <br/>
<div class="rater 4star">
<div class="star">4 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div> <br/>
<div class="rater 3star">
<div class="star">3 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div> <br/>
<div class="rater 2star">
<div class="star">2 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div> <br/>
<div class="rater 1star">
<div class="star">1 Star</div>
<div class="line-bar">
<div class="line-value"></div>
</div>
<div class="percentage">20%</div>
</div>
</div>
</div>
<div class="reviews">
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="review">
<div class="title">
Awesome
</div>
<div class="stars">
<img src="{{ asset('vendor/webkul/shop/assets/images/5star.svg') }}" />
</div>
<div class="message">
NFC provides 100% independence, device compatibility and freedom of movement Ear-cup-mounted sensors for easy-access, touch-sensitive control 30mm drivers
</div>
<div class="reviewer-details">
<span class="by">
By John Doe
</span>
<span class="when">
, 25, June 2018
</span>
</div>
</div>
<div class="view-all">Load More</div>
</div>
</div>
</div>
</section>
@endsection

View File

@ -81,6 +81,14 @@
grid-auto-rows: auto;
}
.product-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 27px;
grid-row-gap: 15px;
grid-auto-rows: auto;
}
@media only screen and (max-width: 854px) {
.product-grid-4 {
grid-template-columns: 30% 30% 30%;
@ -101,14 +109,6 @@
}
}
.product-grid-3 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-column-gap: 27px;
grid-row-gap: 15px;
grid-auto-rows: auto;
}
.product-card .product-image {
max-height: 350px;
max-width: 280px;
@ -132,13 +132,11 @@
}
.product-card .product-description {
margin-bottom: 14px;
display: none;
}
.product-card .product-ratings {
width: 100%;
margin-bottom: 14px;
}
.product-card .product-ratings .icon {
@ -146,10 +144,6 @@
height: 16px;
}
.product-card .product-ratings .total-reviews {
display: none;
}
.product-card .cart-fav-seg {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
@ -158,7 +152,6 @@
}
.product-card .cart-fav-seg .addtocart {
border-radius: 0px;
margin-right: 10px;
text-transform: uppercase;
white-space: nowrap;
@ -750,6 +743,7 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.header .header-top div.right-content ul.account-dropdown-container {
@ -787,11 +781,12 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
margin-top: 10px;
}
.header .header-top div.right-content ul.cart-dropdown {
.header .header-top div.right-content ul.cart-dropdown-container {
float: right;
margin-left: 10px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary {
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
@ -799,60 +794,143 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: 14px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart-icon {
margin: 0;
height: 24px;
width: 24px;
margin-right: 8px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart {
padding-top: 3px;
padding-right: 5px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .cart .cart-count {
color: #0041FF;
padding-right: 3px;
}
.header .header-top div.right-content ul.cart-dropdown li.cart-summary .icon.arrow-down-icon {
margin-top: 10px;
}
.header .header-top .right-responsive {
display: none;
}
.header .header-top .right-responsive ul.right-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .header-top .right-responsive ul.right-wrapper li:not(:last-child) {
margin-right: 7px;
}
.header .header-top .right-responsive ul.right-wrapper li:not(:last-child) span.icon {
margin: 0;
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .cart-icon {
margin-right: 8px;
height: 24px;
width: 24px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .icon.arrow-down-icon {
margin-top: 10px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list {
width: 387px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container {
padding: 10px 18px 10px 18px;
max-height: 410px;
overflow-y: auto;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart {
color: #242424;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header {
width: 100%;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p {
display: inline;
line-height: 25px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header i {
cursor: pointer;
float: right;
height: 22px;
width: 22px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-cart > .dropdown-header p.heading {
font-weight: lighter;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content {
padding-top: 8px;
padding-bottom: 10px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-bottom: 1px solid #E8E8E8;
padding-top: 8px;
padding-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item img {
height: 75px;
width: 75px;
margin-right: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-content .item-details {
height: 75px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-name {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-price {
margin-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .item-details .item-qty {
font-weight: lighter;
margin-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
.header .header-top div.right-content ul.cart-dropdown-container li.cart-dropdown .dropdown-list .dropdown-container .dropdown-footer button {
border-radius: 0px;
width: 130px;
}
.header .header-top ul.right-responsive {
display: none;
}
.header .header-top ul.right-responsive li {
margin-right: 5px;
}
.header .header-top ul.right-responsive li:last-child {
margin-right: 0px;
}
.header .header-top ul.right-responsive ul {
margin-right: 5px;
}
.header .header-top ul.right-responsive ul:last-child {
margin-right: 0px;
}
.header .header-bottom {
height: 48px;
margin-left: auto;
@ -975,30 +1053,23 @@ section.slider-block div.slider-content div.slider-control .light-right-icon {
right: 10px;
}
@media only screen and (max-width: 770px) {
.header .header-top div.left-content ul.search-container li.search-group {
display: none;
@media all and (max-width: 720px) {
.header-bottom {
display: none !important;
}
.header .header-top div.right-content {
display: none;
ul.search-container {
display: none !important;
}
.header .header-top .right-responsive {
display: inherit;
ul.account-dropdown-container {
display: none !important;
}
.header .header-bottom {
border-bottom: none;
display: none;
ul.cart-dropdown-container {
display: none !important;
}
.header .header-bottom .nav > li {
float: none;
height: 48px;
border-bottom: 1px solid #E8E8E8;
}
.header .header-bottom .nav > li:last-child {
float: none;
}
.header .header-bottom .nav > li:last-child img {
margin-left: 10px;
ul.right-responsive {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}

View File

@ -31504,10 +31504,6 @@ if (false) {
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(52)
}
var normalizeComponent = __webpack_require__(1)
/* script */
var __vue_script__ = __webpack_require__(54)
@ -31516,7 +31512,7 @@ var __vue_template__ = __webpack_require__(55)
/* template functional */
var __vue_template_functional__ = false
/* styles */
var __vue_styles__ = injectStyle
var __vue_styles__ = null
/* scopeId */
var __vue_scopeId__ = null
/* moduleIdentifier (server only) */
@ -31551,46 +31547,8 @@ module.exports = Component.exports
/***/ }),
/* 52 */
/***/ (function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(53);
if(typeof content === 'string') content = [[module.i, content, '']];
if(content.locals) module.exports = content.locals;
// add the styles to the DOM
var update = __webpack_require__(11)("69b33cbc", content, false, {});
// Hot Module Replacement
if(false) {
// When the styles change, update the <style> tags
if(!content.locals) {
module.hot.accept("!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-0f947e82\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./cart-dropdown.vue", function() {
var newContent = require("!!../../../../../node_modules/css-loader/index.js!../../../../../node_modules/vue-loader/lib/style-compiler/index.js?{\"vue\":true,\"id\":\"data-v-0f947e82\",\"scoped\":false,\"hasInlineConfig\":true}!../../../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./cart-dropdown.vue");
if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
update(newContent);
});
}
// When the module is disposed, remove the <style> tags
module.hot.dispose(function() { update(); });
}
/***/ }),
/* 53 */
/***/ (function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(10)(false);
// imports
// module
exports.push([module.i, "\n.show {\n display: none;\n}\n.dropdown-cart {\n position: absolute;\n background: #FFFFFF;\n border: 1px solid #E8E8E8;\n -webkit-box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.40);\n box-shadow: 1px 3px 6px 0 rgba(0,0,0,0.40);\n color: #242424;\n padding: 20px;\n border-radius: 1px;\n right: 10%;\n top: 75px;\n width: 387px;\n z-index: 5;\n}\n.dropdown-cart > .dropdown-header {\n width: 100%;\n}\n.dropdown-cart > .dropdown-header p{\n display: inline;\n line-height: 25px;\n}\n.dropdown-cart > .dropdown-header i{\n cursor: pointer;\n float: right;\n height: 22px;\n width: 22px;\n}\n.dropdown-cart > .dropdown-header p.heading {\n font-weight: lighter;\n}\n.dropdown-content {\n padding-top: 10px;\n padding-bottom: 10px;\n margin-top: 7px;\n}\n.dropdown-content .item{\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n border-bottom: 1px solid #E8E8E8;\n padding-top: 9px;\n padding-bottom: 9px;\n}\n.dropdown-content .item img{\n height: 75px;\n width: 75px;\n margin-right: 8px;\n}\n.dropdown-content .item-details{\n height: 75px;\n}\n.item-details .item-name {\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 9px;\n}\n.item-details .item-price {\n margin-bottom: 9px;\n}\n.item-details .item-qty {\n font-weight: lighter;\n margin-bottom: 9px;\n}\n.dropdown-footer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n margin-top: 4px;\n}\n.dropdown-footer button {\n border-radius: 0px;\n}\n\n", ""]);
// exports
/***/ }),
/* 52 */,
/* 53 */,
/* 54 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {