Unnecessary css removed
This commit is contained in:
parent
f9bcfac638
commit
69ada20a2b
|
|
@ -63,10 +63,10 @@ $(document).ready(function () {
|
|||
const flashes = this.$refs.flashes;
|
||||
|
||||
flashMessages.forEach(function (flash) {
|
||||
console.log(flash);
|
||||
flashes.addFlash(flash);
|
||||
}, this);
|
||||
},
|
||||
|
||||
responsiveHeader: function () { }
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,32 +1,12 @@
|
|||
//shop variables
|
||||
$font-color: #242424;
|
||||
$border-color: #E8E8E8;
|
||||
$font-size-base: 16px;
|
||||
$font-name: "Montserrat", sans-serif;
|
||||
$background-color: #f2f2f2;
|
||||
$footer-back: #f2f2f2;
|
||||
$list-heading-color: rgba(165, 165, 165, 1);
|
||||
$list-color: #242424;
|
||||
$subscribe-btn-color: black;
|
||||
$logo-color: #0031f0;
|
||||
$border-color: #c7c7c7;
|
||||
$offer-color: #ff6472;
|
||||
$brand-color: #0031f0;
|
||||
//shop variables ends here
|
||||
|
||||
//customer variables
|
||||
$sign-up-text-color: #5e5e5e;
|
||||
$login-text: #3a3a3a;
|
||||
$background-color: #ffffff;
|
||||
$color-black : black;
|
||||
$forgot-password-color: #0031f0;
|
||||
$profile-content-color: #5e5e5e;
|
||||
$horizontal-rule-color: #E8E8E8;
|
||||
//customer variables ends here
|
||||
|
||||
//product
|
||||
$real-price:#A5A5A5;
|
||||
$product-font-color: #242424;
|
||||
$product-special-price-color: #FF6472;
|
||||
$product-price-color: #FF6472;
|
||||
$dark-blue-shade: #0031F0;
|
||||
$bar-color: #D8D8D8;
|
||||
$gray-shade: #5E5E5E;
|
||||
//customer variables ends here
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -53,4 +53,16 @@
|
|||
background-image:URL('../images/icon-share.svg');
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.shipping-icon {
|
||||
background-image: url('../images/shipping.svg');
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.payment-icon {
|
||||
background-image: url('../images/payment.svg');
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
|
@ -87,7 +87,10 @@ return [
|
|||
'use_for_shipping' => 'Ship to this address',
|
||||
'continue' => 'Continue',
|
||||
'shipping-method' => 'Shipping Method',
|
||||
'payment-information' => 'Payment Information'
|
||||
'payment-information' => 'Payment Information',
|
||||
'summary' => 'Summary of Order',
|
||||
'price' => 'Price',
|
||||
'quantity' => 'Quantity'
|
||||
],
|
||||
|
||||
'total' => [
|
||||
|
|
|
|||
|
|
@ -20,51 +20,55 @@
|
|||
|
||||
<div class="left-side">
|
||||
|
||||
@foreach($cart->items as $item)
|
||||
<div class="cart-item-list">
|
||||
@foreach($cart->items as $item)
|
||||
|
||||
<?php
|
||||
$product = $item->product;
|
||||
<?php
|
||||
$product = $item->product;
|
||||
|
||||
$productBaseImage = $productImageHelper->getProductBaseImage($product);
|
||||
?>
|
||||
$productBaseImage = $productImageHelper->getProductBaseImage($product);
|
||||
?>
|
||||
|
||||
<div class="item">
|
||||
<div style="margin-right: 15px;">
|
||||
<img class="item-image" src="{{ $productBaseImage['medium_image_url'] }}" />
|
||||
</div>
|
||||
|
||||
<div class="item-details">
|
||||
|
||||
<div class="item-title">
|
||||
{{ $product->name }}
|
||||
</div>
|
||||
|
||||
<div class="price">
|
||||
<span class="main-price">
|
||||
{{ $item->price }}
|
||||
</span>
|
||||
<span class="real-price">
|
||||
$25.00
|
||||
</span>
|
||||
<span class="discount">
|
||||
10% Off
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="summary" >
|
||||
Color : Gray, Size : S
|
||||
</div>
|
||||
|
||||
<div class="misc">
|
||||
<div class="qty-text">Quantity</div>
|
||||
<div class="box">{{ $item->quantity }}</div>
|
||||
<span class="remove">Remove</span>
|
||||
<span class="towishlist">Move to Wishlist</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item">
|
||||
<div style="margin-right: 15px;">
|
||||
<img class="item-image" src="{{ $productBaseImage['medium_image_url'] }}" />
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
<div class="item-details">
|
||||
|
||||
<div class="item-title">
|
||||
{{ $product->name }}
|
||||
</div>
|
||||
|
||||
<div class="price">
|
||||
<span class="main-price">
|
||||
{{ $item->price }}
|
||||
</span>
|
||||
<span class="real-price">
|
||||
$25.00
|
||||
</span>
|
||||
<span class="discount">
|
||||
10% Off
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="summary" >
|
||||
Color : Gray, Size : S
|
||||
</div>
|
||||
|
||||
<div class="misc">
|
||||
<div class="qty-text">Quantity</div>
|
||||
<div class="box">{{ $item->quantity }}</div>
|
||||
<span class="remove">Remove</span>
|
||||
<span class="towishlist">Move to Wishlist</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
|
||||
<div class="misc-controls">
|
||||
<span>Continue Shopping</span>
|
||||
|
|
@ -73,6 +77,7 @@
|
|||
</div>
|
||||
|
||||
<div class="right-side">
|
||||
|
||||
<div class="price-section">
|
||||
<div class="title">
|
||||
Price Detail
|
||||
|
|
@ -94,6 +99,7 @@
|
|||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="coupon-section">
|
||||
|
||||
<span class="title">Apply Coupon</span>
|
||||
|
|
|
|||
|
|
@ -1,190 +1,127 @@
|
|||
<div class="complete-page">
|
||||
<div class="order-summary">
|
||||
<span>Summary of Order</span>
|
||||
<div class="form-container">
|
||||
<div class="form-header">
|
||||
<h1>{{ __('shop::app.checkout.onepage.summary') }}</h1>
|
||||
</div>
|
||||
|
||||
<div class="address">
|
||||
|
||||
<div class="shipping-address">
|
||||
<div class="shipping-title">
|
||||
<div class="address-card shipping-address left">
|
||||
<div class="card-title">
|
||||
<span>Shipping address</span>
|
||||
</div>
|
||||
|
||||
<div class="shipping-content">
|
||||
<div class="name">
|
||||
<span>John Doe </span>
|
||||
</div>
|
||||
<div class="addr">
|
||||
<span>
|
||||
25 , Washington USA 5751434
|
||||
</span>
|
||||
</div>
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
<div class="contact">
|
||||
<span>Contact : 9876543210 </span>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
John Doe</br>
|
||||
25 , Washington</br>
|
||||
USA 5751434</br>
|
||||
|
||||
<span class="horizontal-rule"></span>
|
||||
|
||||
Contact : 9876543210
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="billing-address">
|
||||
<div class="shipping-title">
|
||||
<div class="address-card billing-addres right">
|
||||
<div class="card-title">
|
||||
<span>Billing address</span>
|
||||
</div>
|
||||
|
||||
<div class="shipping-content">
|
||||
<div class="name">
|
||||
<span>John Doe </span>
|
||||
</div>
|
||||
<div class="addr">
|
||||
<span>
|
||||
25 , Washington USA 5751434
|
||||
</span>
|
||||
</div>
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
<div class="contact">
|
||||
<span>Contact : 9876543210 </span>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
John Doe</br>
|
||||
25 , Washington</br>
|
||||
USA 5751434</br>
|
||||
|
||||
<span class="horizontal-rule"></span>
|
||||
|
||||
Contact : 9876543210
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="product-detail">
|
||||
<div class="product-image">
|
||||
<img src="{{asset('themes/default/assets/images/1.png')}}" />
|
||||
</div>
|
||||
@inject ('productImageHelper', 'Webkul\Product\Product\ProductImage')
|
||||
|
||||
<div class="product-desc">
|
||||
<div class="product-title">
|
||||
<span>
|
||||
Rainbow creation Embroidered
|
||||
</span>
|
||||
</div>
|
||||
<div class="price">
|
||||
<span>
|
||||
<label>Price </label>
|
||||
<label class="bold"> $40.00 </label>
|
||||
</span>
|
||||
</div>
|
||||
<div class="quantity">
|
||||
<span>
|
||||
<label>Quantity</label>
|
||||
<label class="quat-bold"> 1 </label>
|
||||
</span>
|
||||
</div>
|
||||
<div class="pro-attribute">
|
||||
<span>
|
||||
Color : Grey, Size : S,Sleeve Type : Puffed Sleeves,Occasion : Birthday ,Marriage Anniversary
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cart-item-list">
|
||||
@foreach($cart->items as $item)
|
||||
|
||||
<div class="product-detail">
|
||||
<div class="product-image">
|
||||
<img src="{{asset('themes/default/assets/images/1.png')}}" />
|
||||
</div>
|
||||
<?php
|
||||
$product = $item->product;
|
||||
|
||||
$productBaseImage = $productImageHelper->getProductBaseImage($product);
|
||||
?>
|
||||
|
||||
<div class="item">
|
||||
<div style="margin-right: 15px;">
|
||||
<img class="item-image" src="{{ $productBaseImage['medium_image_url'] }}" />
|
||||
</div>
|
||||
|
||||
<div class="item-details">
|
||||
|
||||
<div class="item-title">
|
||||
{{ $product->name }}
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<span class="title">
|
||||
{{ __('shop::app.checkout.onepage.price') }}
|
||||
</span>
|
||||
<span class="value">
|
||||
{{ core()->currency($item->base_price) }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<span class="title">
|
||||
{{ __('shop::app.checkout.onepage.quantity') }}
|
||||
</span>
|
||||
<span class="value">
|
||||
{{ $item->quantity }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="summary" >
|
||||
Color : Gray, Size : S
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="product-desc">
|
||||
<div class="product-title">
|
||||
<span>
|
||||
Rainbow creation Embroidered
|
||||
</span>
|
||||
</div>
|
||||
<div class="price">
|
||||
<span>
|
||||
<label>Price </label>
|
||||
<label class="bold"> $40.00 </label>
|
||||
</span>
|
||||
</div>
|
||||
<div class="quantity">
|
||||
<span>
|
||||
<label>Quantity</label>
|
||||
<label class="quat-bold"> 1 </label>
|
||||
</span>
|
||||
</div>
|
||||
<div class="pro-attribute">
|
||||
<span>
|
||||
Color : Grey, Size : S,Sleeve Type : Puffed Sleeves,Occasion : Birthday ,Marriage Anniversary
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
<div class="order-description">
|
||||
|
||||
<div class="payment">
|
||||
<div class="pull-left">
|
||||
|
||||
<div class="shipping">
|
||||
<div class="pay-icon">
|
||||
<img src="{{asset('themes/default/assets/images/shipping.svg')}}" />
|
||||
<div class="decorator">
|
||||
<i class="icon shipping-icon"></i>
|
||||
</div>
|
||||
<div class="shipping-text">
|
||||
<div class="price">
|
||||
<span>
|
||||
$ 25.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="fedex-shipping">
|
||||
<span>
|
||||
FedEx Shipping
|
||||
</span>
|
||||
<div class="text">
|
||||
$ 25.00
|
||||
|
||||
<div class="info">
|
||||
FedEx Shipping
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="net-banking">
|
||||
<div class="pay-icon">
|
||||
<img src="{{asset('themes/default/assets/images/payment.svg')}}" />
|
||||
<div class="payment">
|
||||
<div class="decorator">
|
||||
<i class="icon payment-icon"></i>
|
||||
</div>
|
||||
|
||||
<div class="text">
|
||||
Net banking
|
||||
</div>
|
||||
<span>Net banking </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="product-bill">
|
||||
<div class="pull-right">
|
||||
|
||||
<div class="sub-total">
|
||||
<span>
|
||||
Subtotal
|
||||
</span>
|
||||
<span class="right">
|
||||
$ 2,506.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="charge-discount">
|
||||
<span>
|
||||
Delivery Charges
|
||||
</span>
|
||||
<span class="right">
|
||||
$ 40.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="charge-discount">
|
||||
<span>
|
||||
Coupan discount
|
||||
</span>
|
||||
<span class="right">
|
||||
$ 25.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
|
||||
<div class="amount-pay">
|
||||
<span>
|
||||
Amount payable
|
||||
</span>
|
||||
<span class="right">
|
||||
$ 2,571.00
|
||||
</span>
|
||||
</div>
|
||||
@include('shop::checkout.total.summary', ['cart' => $cart])
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,31 +1,20 @@
|
|||
<div class="order-summary">
|
||||
<div class="price">
|
||||
<span>{{ __('shop::app.checkout.total.order-summary') }}</span>
|
||||
</div>
|
||||
<h3>{{ __('shop::app.checkout.total.order-summary') }}</h3>
|
||||
|
||||
<div class="item-detail">
|
||||
<span>
|
||||
<label>{{ __('shop::app.checkout.total.sub-total') }}</label>
|
||||
<label class="right">{{ core()->currency($cart->sub_total) }}</label>
|
||||
</span>
|
||||
<label>{{ __('shop::app.checkout.total.sub-total') }}</label>
|
||||
<label class="right">{{ core()->currency($cart->sub_total) }}</label>
|
||||
</div>
|
||||
|
||||
@if ($cart->selected_shipping_rate)
|
||||
<div class="item-detail">
|
||||
<span>
|
||||
<label>{{ __('shop::app.checkout.total.delivery-charges') }}</label>
|
||||
<label class="right">{{ core()->currency($cart->selected_shipping_rate->price) }}</label>
|
||||
</span>
|
||||
<label>{{ __('shop::app.checkout.total.delivery-charges') }}</label>
|
||||
<label class="right">{{ core()->currency($cart->selected_shipping_rate->price) }}</label>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
|
||||
<div class="payble-amount">
|
||||
<span>
|
||||
<label>{{ __('shop::app.checkout.total.grand-total') }}</label>
|
||||
<label class="right">{{ core()->currency($cart->grand_total) }}</label>
|
||||
</span>
|
||||
<label>{{ __('shop::app.checkout.total.grand-total') }}</label>
|
||||
<label class="right">{{ core()->currency($cart->grand_total) }}</label>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<div class="checkout-process">
|
||||
|
||||
@include('shop::customers.checkout.common.nav-left')
|
||||
|
||||
@include('shop::customers.checkout.common.nav-right')
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -1,53 +0,0 @@
|
|||
<div class="left-side">
|
||||
<div class="checkout-menu">
|
||||
|
||||
<ul class="checkout-detail">
|
||||
|
||||
<li>
|
||||
<div class="wrapper">
|
||||
<div class="decorator" v-bind:class="{ active: isGuest }">
|
||||
<img src="{{asset('themes/default/assets/images/address.svg')}}" />
|
||||
</div>
|
||||
|
||||
<span>Information</span>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="wrapper" >
|
||||
<div class="decorator" v-bind:class="{ active: isShip }">
|
||||
<img src="{{asset('themes/default/assets/images/shipping.svg')}}"/>
|
||||
</div>
|
||||
|
||||
<span>Shipping</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="wrapper">
|
||||
<div class="decorator">
|
||||
<img src="{{asset('themes/default/assets/images/payment.svg')}}" />
|
||||
</div>
|
||||
|
||||
<span>Payment</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="wrapper">
|
||||
<div class="decorator">
|
||||
<img src="{{asset('themes/default/assets/images/finish.svg')}}" />
|
||||
</div>
|
||||
|
||||
<span>Complete</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
<div class="right-side">
|
||||
|
||||
</div>
|
||||
|
|
@ -1,265 +0,0 @@
|
|||
|
||||
@extends('shop::layouts.master')
|
||||
|
||||
@section('content-wrapper')
|
||||
|
||||
|
||||
<div class="checkout-process">
|
||||
|
||||
<div class="left-side">
|
||||
<div class="checkout-menu">
|
||||
|
||||
<ul class="checkout-detail">
|
||||
|
||||
<li>
|
||||
<div class="wrapper">
|
||||
<div class="decorator active">
|
||||
<img src="{{asset('themes/default/assets/images/completed.svg')}}" />
|
||||
</div>
|
||||
|
||||
<span>Information</span>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="wrapper">
|
||||
<div class="decorator">
|
||||
<img src="{{asset('themes/default/assets/images/completed.svg')}}" />
|
||||
</div>
|
||||
|
||||
<span>Shipping</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="wrapper">
|
||||
<div class="decorator">
|
||||
<img src="{{asset('themes/default/assets/images/completed.svg')}}" />
|
||||
</div>
|
||||
|
||||
<span>Payment</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="wrapper">
|
||||
<div class="decorator">
|
||||
<img src="{{asset('themes/default/assets/images/finish.svg')}}" />
|
||||
</div>
|
||||
|
||||
<span>Complete</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="complete-page">
|
||||
<div class="order-summary">
|
||||
<span>Summary of Order<span>
|
||||
</div>
|
||||
|
||||
<div class="address">
|
||||
|
||||
<div class="shipping-address">
|
||||
<div class="shipping-title">
|
||||
<span>Shipping address</span>
|
||||
</div>
|
||||
|
||||
<div class="shipping-content">
|
||||
<div class="name">
|
||||
<span>John Doe </span>
|
||||
</div>
|
||||
<div class="addr">
|
||||
<span>
|
||||
25 , Washington USA 5751434
|
||||
</span>
|
||||
</div>
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
<div class="contact">
|
||||
<span>Contact : 9876543210 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="billing-address">
|
||||
<div class="shipping-title">
|
||||
<span>Billing address</span>
|
||||
</div>
|
||||
|
||||
<div class="shipping-content">
|
||||
<div class="name">
|
||||
<span>John Doe </span>
|
||||
</div>
|
||||
<div class="addr">
|
||||
<span>
|
||||
25 , Washington USA 5751434
|
||||
</span>
|
||||
</div>
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
<div class="contact">
|
||||
<span>Contact : 9876543210 </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="product-detail">
|
||||
<div class="product-image">
|
||||
<img src="{{asset('themes/default/assets/images/1.png')}}" />
|
||||
</div>
|
||||
|
||||
<div class="product-desc">
|
||||
<div class="product-title">
|
||||
<span>
|
||||
Rainbow creation Embroidered
|
||||
</span>
|
||||
</div>
|
||||
<div class="price">
|
||||
<span>
|
||||
<label>Price </label>
|
||||
<label class="bold"> $40.00 </label>
|
||||
<span>
|
||||
</div>
|
||||
<div class="quantity">
|
||||
<span>
|
||||
<label>Quantity</label>
|
||||
<label class="quat-bold"> 1 </label>
|
||||
<span>
|
||||
</div>
|
||||
<div class="pro-attribute">
|
||||
<span>
|
||||
Color : Grey, Size : S,Sleeve Type : Puffed Sleeves,Occasion : Birthday ,Marriage Anniversary
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="product-detail">
|
||||
<div class="product-image">
|
||||
<img src="{{asset('themes/default/assets/images/1.png')}}" />
|
||||
</div>
|
||||
|
||||
<div class="product-desc">
|
||||
<div class="product-title">
|
||||
<span>
|
||||
Rainbow creation Embroidered
|
||||
</span>
|
||||
</div>
|
||||
<div class="price">
|
||||
<span>
|
||||
<label>Price </label>
|
||||
<label class="bold"> $40.00 </label>
|
||||
</span>
|
||||
</div>
|
||||
<div class="quantity">
|
||||
<span>
|
||||
<label>Quantity</label>
|
||||
<label class="quat-bold"> 1 </label>
|
||||
</span>
|
||||
</div>
|
||||
<div class="pro-attribute">
|
||||
<span>
|
||||
Color : Grey, Size : S,Sleeve Type : Puffed Sleeves,Occasion : Birthday ,Marriage Anniversary
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="order-description">
|
||||
|
||||
<div class="payment">
|
||||
|
||||
<div class="shipping">
|
||||
<div class="pay-icon">
|
||||
<img src="{{asset('themes/default/assets/images/shipping.svg')}}" />
|
||||
</div>
|
||||
<div class="shipping-text">
|
||||
<div class="price">
|
||||
<span>
|
||||
$ 25.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="fedex-shipping">
|
||||
<span>
|
||||
FedEx Shipping
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="net-banking">
|
||||
<div class="pay-icon">
|
||||
<img src="{{asset('themes/default/assets/images/payment.svg')}}" />
|
||||
</div>
|
||||
<span>Net banking </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="product-bill">
|
||||
|
||||
<div class="sub-total">
|
||||
<span>
|
||||
Subtotal
|
||||
</span>
|
||||
<span class="right">
|
||||
$ 2,506.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="charge-discount">
|
||||
<span>
|
||||
Delivery Charges
|
||||
</span>
|
||||
<span class="right">
|
||||
$ 40.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="charge-discount">
|
||||
<span>
|
||||
Coupan discount
|
||||
</span>
|
||||
<span class="right">
|
||||
$ 25.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
|
||||
<div class="amount-pay">
|
||||
<span>
|
||||
Amount payable
|
||||
</span>
|
||||
<span class="right">
|
||||
$ 2,571.00
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
|
||||
<div class="palce-order-button">
|
||||
<button>PLACE ORDER </button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
|
@ -1,73 +0,0 @@
|
|||
<div class="order-info">
|
||||
<div class="order-guest">
|
||||
<span class="order-text">
|
||||
Order as Guest
|
||||
</span>
|
||||
<button class="btn btn-lg btn-primary sign-in">
|
||||
SIGN IN
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Email address <span>*</span></label>
|
||||
<input type="text" class="control" name="email_address">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">First Name <span>*</span> </label>
|
||||
<input type="text" class="control" name="first_name">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Last Name <span>*</span> </label>
|
||||
<input type="text" class="control" name="last_name">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Company Name <span>*</span> </label>
|
||||
<input type="text" class="control" name="company_name">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Street address <span>*</span> </label>
|
||||
<input type="text" class="control" name="street_address">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">City <span>*</span> </label>
|
||||
<input type="text" class="control" name="city">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Country <span>*</span> </label>
|
||||
<input type="text" class="control" name="country">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Provinces <span>*</span> </label>
|
||||
<input type="text" class="control" name="provinces">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Zip code <span>*</span> </label>
|
||||
<input type="text" class="control" name="zip_code">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Phone number <span>*</span> </label>
|
||||
<input type="text" class="control" name="phone_number">
|
||||
</div>
|
||||
|
||||
<div class="different-billing-addr">
|
||||
<span>qwdevf</span>
|
||||
<span>Usedifferent address for billing?</span>
|
||||
</div>
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
|
||||
<div class="countinue-button">
|
||||
<button class="btn btn-lg btn-primary" @click="count()">CONTINUE</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -1,66 +0,0 @@
|
|||
@extends('shop::layouts.master')
|
||||
|
||||
@section('content-wrapper')
|
||||
|
||||
<checkout customer="{{$customer_id}}"> </checkout>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
|
||||
<script type="text/x-template" id="checkout-template">
|
||||
|
||||
<div>
|
||||
@include('shop::customers.checkout.common.common')
|
||||
|
||||
<div v-if="customer">
|
||||
@include('shop::customers.checkout.ship-method')
|
||||
</div>
|
||||
<div v-if="!customer">
|
||||
@include('shop::customers.checkout.guest')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
Vue.component('checkout', {
|
||||
|
||||
props: ['customer'],
|
||||
|
||||
data: () => ({
|
||||
isGuest:true,
|
||||
isShip:false,
|
||||
disabled: 0,
|
||||
isShipMethod:false
|
||||
}),
|
||||
|
||||
template: '#checkout-template',
|
||||
|
||||
mounted () {
|
||||
|
||||
if(this.customer){
|
||||
this.isShip=true;
|
||||
}else{
|
||||
this.isGuest=true;
|
||||
this.disabled=1;
|
||||
}
|
||||
} ,
|
||||
|
||||
methods: {
|
||||
count () {
|
||||
this.isShipMethod=true;
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
@endpush
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,57 +0,0 @@
|
|||
|
||||
@extends('shop::layouts.master')
|
||||
|
||||
@section('content-wrapper')
|
||||
|
||||
@include('shop::customers.checkout.common.common')
|
||||
|
||||
<div class="payment-method">
|
||||
<div class="payment-info">
|
||||
<span class="payment-text">
|
||||
Payment Method
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="payment-price">
|
||||
<div class="payment-checkbox">
|
||||
<img src="{{asset('themes/default/assets/images/unselected.svg')}}" />
|
||||
<span> Cash on Delivery</span>
|
||||
</div>
|
||||
<div class="payment-checkbox-text">
|
||||
<b>Fadex - </b>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="payment-price">
|
||||
<div class="payment-checkbox">
|
||||
<img src="{{asset('themes/default/assets/images/selected.svg')}}" />
|
||||
<span> Net Banking</span>
|
||||
</div>
|
||||
<div class="payment-checkbox-text">
|
||||
<b>Fadex - </b>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="payment-price">
|
||||
<div class="payment-checkbox">
|
||||
<img src="{{asset('themes/default/assets/images/unselected.svg')}}" />
|
||||
<span> Debit / Credit Card</span>
|
||||
</div>
|
||||
<div class="payment-checkbox-text">
|
||||
<b>Fadex - </b>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
|
||||
<div class="countinue-button">
|
||||
<button>CONTINUE</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
|
||||
|
||||
<div class="ship-method">
|
||||
<div class="ship-info">
|
||||
<span class="ship-text">
|
||||
Shipment Method
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="ship-price">
|
||||
<div class="price-checkbox">
|
||||
{{-- <img src="{{asset('themes/default/assets/images/selected.svg')}}" /> --}}
|
||||
<input type="radio" name="gender" value="male" checked>
|
||||
<span> $ 25.00 </span>
|
||||
</div>
|
||||
<div class="price-checkbox-text">
|
||||
<b>Fadex - </b>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ship-price">
|
||||
<div class="price-checkbox">
|
||||
<img src="{{asset('themes/default/assets/images/unselected.svg')}}" />
|
||||
<span> $ 25.00 </span>
|
||||
</div>
|
||||
<div class="price-checkbox-text">
|
||||
<b>Fadex - </b>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ship-price">
|
||||
<div class="price-checkbox">
|
||||
<img src="{{asset('themes/default/assets/images/unselected.svg')}}" />
|
||||
<span> $ 25.00 </span>
|
||||
</div>
|
||||
<div class="price-checkbox-text">
|
||||
<b>Fadex - </b>
|
||||
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
|
||||
<div class="countinue-button">
|
||||
<button>CONTINUE</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
|
||||
@extends('shop::layouts.master')
|
||||
|
||||
@section('content-wrapper')
|
||||
|
||||
@include('shop::customers.checkout.common')
|
||||
|
||||
<div class="signin-form">
|
||||
<div class="signin-guest">
|
||||
<span class="signin-text">
|
||||
Sign In
|
||||
</span>
|
||||
<button class="order-button">
|
||||
ORDER AS GUEST
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Email </label>
|
||||
<input type="text" class="control" name="email_address">
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label for="first_name">Password </label>
|
||||
<input type="text" class="control" name="first_name">
|
||||
</div>
|
||||
|
||||
<div class="forgot-pass">
|
||||
<span>Forgot Password</span>
|
||||
</div>
|
||||
|
||||
<div class="horizontal-rule">
|
||||
</div>
|
||||
|
||||
<div class="countinue-button">
|
||||
<button>CONTINUE</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
|
@ -21,6 +21,8 @@
|
|||
|
||||
<div id="app">
|
||||
|
||||
<flash-wrapper ref='flashes'></flash-wrapper>
|
||||
|
||||
<div class="main-container-wrapper">
|
||||
|
||||
@include('shop::layouts.header.index')
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1460,10 +1460,10 @@ $(document).ready(function () {
|
|||
var flashes = this.$refs.flashes;
|
||||
|
||||
flashMessages.forEach(function (flash) {
|
||||
console.log(flash);
|
||||
flashes.addFlash(flash);
|
||||
}, this);
|
||||
},
|
||||
|
||||
responsiveHeader: function responsiveHeader() {}
|
||||
}
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue