minor updates
This commit is contained in:
parent
2ae59df6de
commit
7baf5b6c6d
|
|
@ -1014,49 +1014,49 @@
|
|||
}
|
||||
}
|
||||
|
||||
#product-card-new {
|
||||
border: none;
|
||||
.product-card-new {
|
||||
width: 22.5rem;
|
||||
border: none !important;
|
||||
margin: 0 5px 10px 10px;
|
||||
}
|
||||
|
||||
#product-card-new .product-image-container {
|
||||
.product-card-new .product-image-container {
|
||||
height: 220px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#product-card-new .product-image-container img {
|
||||
.product-card-new .product-image-container img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#product-card-new .card-current-price {
|
||||
.product-card-new .card-current-price {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#product-card-new .product-rating .stars {
|
||||
.product-card-new .product-rating .stars {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#product-card-new .product-rating span {
|
||||
.product-card-new .product-rating span {
|
||||
font-size: 14px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#product-card-new .card-body > div:not(:last-child) {
|
||||
.product-card-new .card-body > div:not(:last-child) {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#product-card-new .product-price .sticker {
|
||||
.product-card-new .product-price .sticker {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#product-card-new .cart-wish-wrap .wishlist-icon {
|
||||
.product-card-new .cart-wish-wrap .wishlist-icon {
|
||||
height: 32px;
|
||||
display: table;
|
||||
}
|
||||
|
||||
#product-card-new .cart-wish-wrap .wishlist-icon > i {
|
||||
.product-card-new .cart-wish-wrap .wishlist-icon > i {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
|
@ -1573,7 +1573,7 @@
|
|||
padding-left: 0;
|
||||
}
|
||||
|
||||
.account-content .account-layout .account-items-list.wishlist-container .col-3 #product-card-new {
|
||||
.account-content .account-layout .account-items-list.wishlist-container .col-3 .product-card-new {
|
||||
margin: 0;
|
||||
width: 22rem;
|
||||
}
|
||||
|
|
@ -1695,6 +1695,17 @@
|
|||
-webkit-transform: scale(1.3);
|
||||
}
|
||||
|
||||
.checkout-process .styled-select {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkout-process .styled-select + .select-icon {
|
||||
top: 55%;
|
||||
left: 92%;
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.address-container .address-holder {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
|
@ -1812,11 +1823,6 @@
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.order-summary-container .order-summary .row > .col-8,
|
||||
.order-summary-container .order-summary .row .col-4 {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.order-summary-container .order-summary > .row:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
|
@ -1862,7 +1868,7 @@
|
|||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#related-products-carousel #product-card-new:first-child {
|
||||
#related-products-carousel .product-card-new:first-child {
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
|
||||
|
|
@ -3630,7 +3636,7 @@ body::after {
|
|||
border: none;
|
||||
}
|
||||
|
||||
#product-card-new:hover,
|
||||
.product-card-new:hover,
|
||||
.lg-card-container:hover,
|
||||
.general-container:hover {
|
||||
-webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.14);
|
||||
|
|
@ -3641,7 +3647,7 @@ body::after {
|
|||
display: block;
|
||||
}
|
||||
|
||||
.text-nowrap, #product-card-new .product-rating {
|
||||
.text-nowrap, .product-card-new .product-rating {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
|
@ -3781,7 +3787,7 @@ a.default {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.VueCarousel .VueCarousel-slide:nth-of-type(1) #product-card-new {
|
||||
.VueCarousel .VueCarousel-slide:nth-of-type(1) .product-card-new {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
|
|
@ -3905,6 +3911,7 @@ button[disabled] {
|
|||
border: none;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
cursor: default;
|
||||
padding: 2px 11px;
|
||||
background: #F05153;
|
||||
}
|
||||
|
|
@ -3933,7 +3940,7 @@ button[disabled] {
|
|||
}
|
||||
|
||||
.product-detail .right .add-to-cart-btn button {
|
||||
padding: 10px 15px;
|
||||
padding: 9px 15px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
|
@ -5616,7 +5623,7 @@ mark,
|
|||
text-align: justify;
|
||||
}
|
||||
|
||||
.text-nowrap, #product-card-new .product-rating {
|
||||
.text-nowrap, .product-card-new .product-rating {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -203,9 +203,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
#product-card-new {
|
||||
border: none;
|
||||
.product-card-new {
|
||||
width: 22.5rem;
|
||||
border: none !important;
|
||||
margin: 0 5px 10px 10px;
|
||||
|
||||
.product-image-container {
|
||||
|
|
@ -289,7 +289,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
#product-card-new:hover {
|
||||
.product-card-new:hover {
|
||||
#quick-view-btn-container {
|
||||
// display: block;
|
||||
}
|
||||
|
|
@ -820,7 +820,7 @@
|
|||
.col-3 {
|
||||
padding-left: 0;
|
||||
|
||||
#product-card-new {
|
||||
.product-card-new {
|
||||
margin: 0;
|
||||
width: 22rem;
|
||||
}
|
||||
|
|
@ -973,6 +973,17 @@
|
|||
-ms-transform: scale(1.3);
|
||||
-webkit-transform: scale(1.3);
|
||||
}
|
||||
|
||||
.styled-select {
|
||||
cursor: pointer;
|
||||
|
||||
+ .select-icon {
|
||||
top: 55%;
|
||||
left: 92%;
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.address-container {
|
||||
|
|
@ -1086,13 +1097,6 @@
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.row {
|
||||
> .col-8,
|
||||
.col-4 {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> .row:not(:last-child) {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
|
@ -1138,7 +1142,7 @@
|
|||
}
|
||||
|
||||
#related-products-carousel {
|
||||
#product-card-new:first-child {
|
||||
.product-card-new:first-child {
|
||||
margin-left: 0px !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -67,6 +67,7 @@
|
|||
border: none;
|
||||
color: white;
|
||||
font-weight: 600;
|
||||
cursor: default;
|
||||
padding: 2px 11px;
|
||||
background: $button-danger;
|
||||
|
||||
|
|
@ -137,7 +138,7 @@
|
|||
padding: 0px;
|
||||
|
||||
button {
|
||||
padding: 10px 15px;
|
||||
padding: 9px 15px;
|
||||
text-transform: uppercase;
|
||||
|
||||
span {
|
||||
|
|
|
|||
|
|
@ -478,7 +478,7 @@
|
|||
border: none;
|
||||
}
|
||||
}
|
||||
#product-card-new:hover,
|
||||
.product-card-new:hover,
|
||||
.lg-card-container:hover,
|
||||
.general-container:hover {
|
||||
box-shadow: 0 6px 14px 0 rgba(0,0,0,0.14);
|
||||
|
|
@ -634,7 +634,7 @@ a {
|
|||
cursor: pointer;
|
||||
|
||||
.VueCarousel-slide:nth-of-type(1) {
|
||||
#product-card-new {
|
||||
.product-card-new {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
@push('scripts')
|
||||
<script type="text/x-template" id="checkout-template">
|
||||
<div id="checkout" class="checkout-process offset-1 row col-11">
|
||||
<h1 class="row col-12">Checkout</h1>
|
||||
<h1 class="row col-12">{{ __('velocity::app.checkout.checkout') }}</h1>
|
||||
|
||||
<div class="row col-7">
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
<form data-vv-scope="address-form" class="custom-form">
|
||||
<div class="form-container" v-if="!this.new_billing_address">
|
||||
<div class="form-header mb-30">
|
||||
<accordian :title="'{{ __('shop::app.checkout.onepage.billing-address') }}'" :active="true">
|
||||
<div class="form-header mb-30" slot="header">
|
||||
<h3 class="fw6 display-inbl">
|
||||
1. {{ __('shop::app.checkout.onepage.billing-address') }}
|
||||
</h3>
|
||||
|
|
@ -10,8 +11,11 @@
|
|||
@click="newBillingAddress()">
|
||||
{{ __('shop::app.checkout.onepage.new-address') }}
|
||||
</a>
|
||||
|
||||
<i class="rango-arrow"></i>
|
||||
</div>
|
||||
|
||||
<div slot="body">
|
||||
<div class="address-container row full-width">
|
||||
<div class="col address-holder" v-for='(addresses, index) in this.allAddress'>
|
||||
<div class="card">
|
||||
|
|
@ -81,9 +85,12 @@
|
|||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</accordian>
|
||||
</div>
|
||||
|
||||
<div class="form-container" v-else>
|
||||
<div class="form-header">
|
||||
<accordian :title="'{{ __('shop::app.checkout.onepage.billing-address') }}'" :active="true">
|
||||
<div class="form-header" slot="header">
|
||||
<h3 class="fw6 display-inbl">
|
||||
1. {{ __('shop::app.checkout.onepage.billing-address') }}
|
||||
</h3>
|
||||
|
|
@ -98,13 +105,16 @@
|
|||
</a>
|
||||
@endif
|
||||
@endauth
|
||||
|
||||
<i class="rango-arrow"></i>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="col-12 no-padding" slot="body">
|
||||
@include('shop::checkout.onepage.customer-new-form', [
|
||||
'billing' => true
|
||||
])
|
||||
</div>
|
||||
</accordian>
|
||||
</div>
|
||||
|
||||
@if ($cart->haveStockableItems())
|
||||
|
|
@ -112,7 +122,8 @@
|
|||
class="form-container"
|
||||
v-if="!address.billing.use_for_shipping && !this.new_shipping_address">
|
||||
|
||||
<div class="form-header mb-30">
|
||||
<accordian :title="'{{ __('shop::app.checkout.onepage.shipping-address') }}'" :active="true">
|
||||
<div class="form-header mb-30" slot="header">
|
||||
<h3 class="fw6 display-inbl">
|
||||
{{ __('shop::app.checkout.onepage.shipping-address') }}
|
||||
</h3>
|
||||
|
|
@ -120,9 +131,10 @@
|
|||
<a class="theme-btn light pull-right text-up-14" @click="newShippingAddress()">
|
||||
{{ __('shop::app.checkout.onepage.new-address') }}
|
||||
</a>
|
||||
<i class="rango-arrow"></i>
|
||||
</div>
|
||||
|
||||
<div class="address-container row">
|
||||
<div class="address-container row" slot="body">
|
||||
<div
|
||||
class="col address-holder"
|
||||
v-for='(addresses, index) in this.allAddress'>
|
||||
|
|
@ -170,13 +182,15 @@
|
|||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</accordian>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="form-container"
|
||||
v-if="!address.billing.use_for_shipping && this.new_shipping_address">
|
||||
|
||||
<div class="form-header">
|
||||
<accordian :title="'{{ __('shop::app.checkout.onepage.shipping-address') }}'" :active="true">
|
||||
<div class="form-header" slot="header">
|
||||
<h3 class="fw6 display-inbl">
|
||||
{{ __('shop::app.checkout.onepage.shipping-address') }}
|
||||
</h3>
|
||||
|
|
@ -191,13 +205,15 @@
|
|||
</a>
|
||||
@endif
|
||||
@endauth
|
||||
<i class="rango-arrow"></i>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="col-12 no-padding" slot="body">
|
||||
@include('shop::checkout.onepage.customer-new-form', [
|
||||
'shipping' => true
|
||||
])
|
||||
</div>
|
||||
</accordian>
|
||||
</div>
|
||||
@endif
|
||||
</form>
|
||||
|
|
@ -2,49 +2,78 @@
|
|||
$isCustomer = auth()->guard('customer')->check();
|
||||
@endphp
|
||||
|
||||
@if (isset($shipping) && $shipping)
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[first_name]') ? 'has-error' : '']">
|
||||
<form>
|
||||
@if (isset($shipping) && $shipping)
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[first_name]') ? 'has-error' : ''}`">
|
||||
<label for="shipping[first_name]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.first-name') }}
|
||||
{{ __('shop::app.checkout.onepage.first-name') }}*
|
||||
</label>
|
||||
|
||||
<input type="text" v-validate="'required'" class="control" id="shipping[first_name]" name="shipping[first_name]" v-model="address.shipping.first_name" data-vv-as=""{{ __('shop::app.checkout.onepage.first-name') }}""/>
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
v-validate="'required'"
|
||||
id="shipping[first_name]"
|
||||
name="shipping[first_name]"
|
||||
v-model="address.shipping.first_name"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.first-name') }}"" />
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[first_name]')">
|
||||
@{{ errors.first('address-form.shipping[first_name]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[last_name]') ? 'has-error' : '']">
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[last_name]') ? 'has-error' : ''}`">
|
||||
<label for="shipping[last_name]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.last-name') }}
|
||||
{{ __('shop::app.checkout.onepage.last-name') }}*
|
||||
</label>
|
||||
|
||||
<input type="text" v-validate="'required'" class="control" id="shipping[last_name]" name="shipping[last_name]" v-model="address.shipping.last_name" data-vv-as=""{{ __('shop::app.checkout.onepage.last-name') }}""/>
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
v-validate="'required'"
|
||||
id="shipping[last_name]"
|
||||
name="shipping[last_name]"
|
||||
v-model="address.shipping.last_name"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.last-name') }}"" />
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[last_name]')">
|
||||
@{{ errors.first('address-form.shipping[last_name]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[email]') ? 'has-error' : '']">
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[email]') ? 'has-error' : ''}`">
|
||||
<label for="shipping[email]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.email') }}
|
||||
{{ __('shop::app.checkout.onepage.email') }}*
|
||||
</label>
|
||||
|
||||
<input type="text" v-validate="'required|email'" class="control" id="shipping[email]" name="shipping[email]" v-model="address.shipping.email" data-vv-as=""{{ __('shop::app.checkout.onepage.email') }}""/>
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
id="shipping[email]"
|
||||
name="shipping[email]"
|
||||
v-validate="'required|email'"
|
||||
v-model="address.shipping.email"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.email') }}"" />
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[email]')">
|
||||
@{{ errors.first('address-form.shipping[email]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[address1][]') ? 'has-error' : '']">
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[address1][]') ? 'has-error' : ''}`">
|
||||
<label for="shipping_address_0" class="required">
|
||||
{{ __('shop::app.checkout.onepage.address1') }}
|
||||
{{ __('shop::app.checkout.onepage.address1') }}*
|
||||
</label>
|
||||
|
||||
<input type="text" v-validate="'required'" class="control" id="shipping_address_0" name="shipping[address1][]" v-model="address.shipping.address1[0]" data-vv-as=""{{ __('shop::app.checkout.onepage.address1') }}""/>
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
v-validate="'required'"
|
||||
id="shipping_address_0"
|
||||
name="shipping[address1][]"
|
||||
v-model="address.shipping.address1[0]"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.address1') }}"" />
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[address1][]')">
|
||||
@{{ errors.first('address-form.shipping[address1][]') }}
|
||||
|
|
@ -57,82 +86,133 @@
|
|||
)
|
||||
<div class="row col-12">
|
||||
@for ($i = 1; $i < core()->getConfigData('customer.settings.address.street_lines'); $i++)
|
||||
<input type="text" class="control" name="shipping[address1][{{ $i }}]" id="shipping_address_{{ $i }}" v-model="address.shipping.address1[{{$i}}]">
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
id="shipping_address_{{ $i }}"
|
||||
name="shipping[address1][{{ $i }}]"
|
||||
v-model="address.shipping.address1[{{$i}}]" />
|
||||
@endfor
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[city]') ? 'has-error' : '']">
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[city]') ? 'has-error' : ''}`">
|
||||
<label for="shipping[city]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.city') }}
|
||||
{{ __('shop::app.checkout.onepage.city') }}*
|
||||
</label>
|
||||
|
||||
<input type="text" v-validate="'required'" class="control" id="shipping[city]" name="shipping[city]" v-model="address.shipping.city" data-vv-as=""{{ __('shop::app.checkout.onepage.city') }}""/>
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
id="shipping[city]"
|
||||
name="shipping[city]"
|
||||
v-validate="'required'"
|
||||
v-model="address.shipping.city"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.city') }}"" />
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[city]')">
|
||||
@{{ errors.first('address-form.shipping[city]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[state]') ? 'has-error' : '']">
|
||||
<label for="shipping[state]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.state') }}
|
||||
</label>
|
||||
|
||||
|
||||
<input type="text" v-validate="'required'" class="control" id="shipping[state]" name="shipping[state]" v-model="address.shipping.state" v-if="!haveStates('shipping')" data-vv-as=""{{ __('shop::app.checkout.onepage.state') }}""/>
|
||||
|
||||
<select v-validate="'required'" class="control" id="shipping[state]" name="shipping[state]" v-model="address.shipping.state" v-if="haveStates('shipping')" data-vv-as=""{{ __('shop::app.checkout.onepage.state') }}"">
|
||||
|
||||
<option value="">{{ __('shop::app.checkout.onepage.select-state') }}</option>
|
||||
|
||||
<option v-for='(state, index) in countryStates[address.shipping.country]' :value="state.code">
|
||||
@{{ state.default_name }}
|
||||
</option>
|
||||
|
||||
</select>
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[state]')">
|
||||
@{{ errors.first('address-form.shipping[state]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[postcode]') ? 'has-error' : '']">
|
||||
<label for="shipping[postcode]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.postcode') }}
|
||||
</label>
|
||||
|
||||
<input type="text" v-validate="'required'" class="control" id="shipping[postcode]" name="shipping[postcode]" v-model="address.shipping.postcode" data-vv-as=""{{ __('shop::app.checkout.onepage.postcode') }}""/>
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[postcode]')">
|
||||
@{{ errors.first('address-form.shipping[postcode]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[country]') ? 'has-error' : '']">
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[country]') ? 'has-error' : ''}`">
|
||||
<label for="shipping[country]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.country') }}
|
||||
{{ __('shop::app.checkout.onepage.country') }}*
|
||||
</label>
|
||||
|
||||
<select type="text" v-validate="'required'" class="control" id="shipping[country]" name="shipping[country]" v-model="address.shipping.country" data-vv-as=""{{ __('shop::app.checkout.onepage.country') }}"">
|
||||
<select
|
||||
type="text"
|
||||
id="shipping[country]"
|
||||
v-validate="'required'"
|
||||
name="shipping[country]"
|
||||
class="control styled-select"
|
||||
v-model="address.shipping.country"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.country') }}"">
|
||||
|
||||
<option value=""></option>
|
||||
|
||||
@foreach (core()->countries() as $country)
|
||||
<option value="{{ $country->code }}">{{ $country->name }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
<i class="select-icon rango-arrow-down"></i>
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[country]')">
|
||||
@{{ errors.first('address-form.shipping[country]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="row col-12" :class="[errors.has('address-form.shipping[phone]') ? 'has-error' : '']">
|
||||
<label for="shipping[phone]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.phone') }}
|
||||
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[state]') ? 'has-error' : ''}`">
|
||||
<label for="shipping[state]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.state') }}*
|
||||
</label>
|
||||
|
||||
<input type="text" v-validate="'required'" class="control" id="shipping[phone]" name="shipping[phone]" v-model="address.shipping.phone" data-vv-as=""{{ __('shop::app.checkout.onepage.phone') }}""/>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
id="shipping[state]"
|
||||
name="shipping[state]"
|
||||
v-validate="'required'"
|
||||
v-if="!haveStates('shipping')"
|
||||
v-model="address.shipping.state"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.state') }}"" />
|
||||
|
||||
<select
|
||||
id="shipping[state]"
|
||||
name="shipping[state]"
|
||||
v-validate="'required'"
|
||||
class="control styled-select"
|
||||
v-if="haveStates('shipping')"
|
||||
v-model="address.shipping.state"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.state') }}"">
|
||||
|
||||
<option value="">{{ __('shop::app.checkout.onepage.select-state') }}</option>
|
||||
|
||||
<option v-for='(state, index) in countryStates[address.shipping.country]' :value="state.code">
|
||||
@{{ state.default_name }}
|
||||
</option>
|
||||
</select>
|
||||
<i v-if="haveStates('shipping')" class="select-icon rango-arrow-down"></i>
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[state]')">
|
||||
@{{ errors.first('address-form.shipping[state]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[postcode]') ? 'has-error' : ''}`">
|
||||
<label for="shipping[postcode]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.postcode') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
id="shipping[postcode]"
|
||||
v-validate="'required'"
|
||||
name="shipping[postcode]"
|
||||
v-model="address.shipping.postcode"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.postcode') }}"" />
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[postcode]')">
|
||||
@{{ errors.first('address-form.shipping[postcode]') }}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div :class="`row col-12 ${errors.has('address-form.shipping[phone]') ? 'has-error' : ''}`">
|
||||
<label for="shipping[phone]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.phone') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="control"
|
||||
id="shipping[phone]"
|
||||
name="shipping[phone]"
|
||||
v-validate="'required'"
|
||||
v-model="address.shipping.phone"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.phone') }}"" />
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.shipping[phone]')">
|
||||
@{{ errors.first('address-form.shipping[phone]') }}
|
||||
|
|
@ -143,10 +223,11 @@
|
|||
<div class="mb10">
|
||||
<span class="checkbox fs16 display-inbl no-margin">
|
||||
<input
|
||||
type="checkbox"
|
||||
class="ml0"
|
||||
type="checkbox"
|
||||
id="shipping[save_as_address]"
|
||||
name="shipping[save_as_address]" v-model="address.shipping.save_as_address"/>
|
||||
name="shipping[save_as_address]"
|
||||
v-model="address.shipping.save_as_address"/>
|
||||
|
||||
<span class="ml-5">
|
||||
{{ __('shop::app.checkout.onepage.save_as_address') }}
|
||||
|
|
@ -155,12 +236,10 @@
|
|||
</div>
|
||||
@endauth
|
||||
|
||||
@elseif (isset($billing) && $billing)
|
||||
|
||||
@elseif (isset($billing) && $billing)
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[email]') ? 'has-error' : ''}`">
|
||||
|
||||
<label for="billing[email]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.email') }}
|
||||
{{ __('shop::app.checkout.onepage.email') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
|
|
@ -171,6 +250,7 @@
|
|||
@blur="isCustomerExist"
|
||||
v-validate="'required|email'"
|
||||
v-model="address.billing.email"
|
||||
@change="validateForm('address-form')"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.email') }}"" />
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.billing[email]')">
|
||||
|
|
@ -185,7 +265,7 @@
|
|||
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[first_name]') ? 'has-error' : ''}`">
|
||||
<label for="billing[first_name]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.first-name') }}
|
||||
{{ __('shop::app.checkout.onepage.first-name') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
|
|
@ -204,7 +284,7 @@
|
|||
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[last_name]') ? 'has-error' : ''}`">
|
||||
<label for="billing[last_name]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.last-name') }}
|
||||
{{ __('shop::app.checkout.onepage.last-name') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
|
|
@ -223,7 +303,7 @@
|
|||
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[address1][]') ? 'has-error' : ''}`">
|
||||
<label for="billing_address_0" class="required">
|
||||
{{ __('shop::app.checkout.onepage.address1') }}
|
||||
{{ __('shop::app.checkout.onepage.address1') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
|
|
@ -240,7 +320,10 @@
|
|||
</span>
|
||||
</div>
|
||||
|
||||
@if (core()->getConfigData('customer.settings.address.street_lines') && core()->getConfigData('customer.settings.address.street_lines') > 1)
|
||||
@if (
|
||||
core()->getConfigData('customer.settings.address.street_lines')
|
||||
&& core()->getConfigData('customer.settings.address.street_lines') > 1
|
||||
)
|
||||
<div class="row col-12" style="margin-top: -25px;">
|
||||
@for ($i = 1; $i < core()->getConfigData('customer.settings.address.street_lines'); $i++)
|
||||
<input
|
||||
|
|
@ -255,7 +338,7 @@
|
|||
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[city]') ? 'has-error' : ''}`">
|
||||
<label for="billing[city]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.city') }}
|
||||
{{ __('shop::app.checkout.onepage.city') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
|
|
@ -274,26 +357,25 @@
|
|||
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[country]') ? 'has-error' : ''}`">
|
||||
<label for="billing[country]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.country') }}
|
||||
{{ __('shop::app.checkout.onepage.country') }}*
|
||||
</label>
|
||||
|
||||
<select
|
||||
type="text"
|
||||
class="control"
|
||||
id="billing[country]"
|
||||
name="billing[country]"
|
||||
v-validate="'required'"
|
||||
class="control styled-select"
|
||||
v-model="address.billing.country"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.country') }}"">
|
||||
|
||||
<option value=""></option>
|
||||
|
||||
@foreach (core()->countries() as $country)
|
||||
|
||||
<option value="{{ $country->code }}">{{ $country->name }}</option>
|
||||
|
||||
@endforeach
|
||||
</select>
|
||||
<i class="select-icon rango-arrow-down"></i>
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.billing[country]')">
|
||||
@{{ errors.first('address-form.billing[country]') }}
|
||||
|
|
@ -302,7 +384,7 @@
|
|||
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[state]') ? 'has-error' : ''}`">
|
||||
<label for="billing[state]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.state') }}
|
||||
{{ __('shop::app.checkout.onepage.state') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
|
|
@ -316,12 +398,13 @@
|
|||
data-vv-as=""{{ __('shop::app.checkout.onepage.state') }}"" />
|
||||
|
||||
<select
|
||||
class="control"
|
||||
id="billing[state]"
|
||||
name="billing[state]"
|
||||
v-validate="'required'"
|
||||
v-if="haveStates('billing')"
|
||||
class="control styled-select"
|
||||
v-model="address.billing.state"
|
||||
@change="validateForm('address-form')"
|
||||
data-vv-as=""{{ __('shop::app.checkout.onepage.state') }}"">
|
||||
|
||||
<option value="">{{ __('shop::app.checkout.onepage.select-state') }}</option>
|
||||
|
|
@ -329,8 +412,8 @@
|
|||
<option v-for='(state, index) in countryStates[address.billing.country]' :value="state.code">
|
||||
@{{ state.default_name }}
|
||||
</option>
|
||||
|
||||
</select>
|
||||
<i v-if="haveStates('billing')" class="select-icon rango-arrow-down"></i>
|
||||
|
||||
<span class="control-error" v-if="errors.has('address-form.billing[state]')">
|
||||
@{{ errors.first('address-form.billing[state]') }}
|
||||
|
|
@ -339,7 +422,7 @@
|
|||
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[postcode]') ? 'has-error' : ''}`">
|
||||
<label for="billing[postcode]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.postcode') }}
|
||||
{{ __('shop::app.checkout.onepage.postcode') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
|
|
@ -358,7 +441,7 @@
|
|||
|
||||
<div :class="`row col-12 ${errors.has('address-form.billing[phone]') ? 'has-error' : ''}`">
|
||||
<label for="billing[phone]" class="required">
|
||||
{{ __('shop::app.checkout.onepage.phone') }}
|
||||
{{ __('shop::app.checkout.onepage.phone') }}*
|
||||
</label>
|
||||
|
||||
<input
|
||||
|
|
@ -411,4 +494,5 @@
|
|||
@php
|
||||
@endphp
|
||||
@endauth
|
||||
@endif
|
||||
@endif
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,14 @@
|
|||
<form data-vv-scope="payment-form" class="payment-form">
|
||||
<div class="form-container">
|
||||
<div class="form-header mb-30">
|
||||
<accordian :title="'{{ __('shop::app.checkout.payment-methods') }}'" :active="true">
|
||||
<div class="form-header mb-30" slot="header">
|
||||
<h3 class="fw6 display-inbl">
|
||||
3. {{ __('shop::app.checkout.onepage.payment-methods') }}
|
||||
</h3>
|
||||
<i class="rango-arrow"></i>
|
||||
</div>
|
||||
|
||||
<div class="payment-methods">
|
||||
<div class="payment-methods" slot="body">
|
||||
@foreach ($paymentMethods as $payment)
|
||||
|
||||
{!! view_render_event('bagisto.shop.checkout.payment-method.before', ['payment' => $payment]) !!}
|
||||
|
|
@ -49,5 +51,6 @@
|
|||
@{{ errors.first('payment-form.payment[method]') }}
|
||||
</span>
|
||||
</div>
|
||||
</accordian>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -1,12 +1,15 @@
|
|||
@inject ('productImageHelper', 'Webkul\Product\Helpers\ProductImage')
|
||||
|
||||
<div class="form-container review-checkout-conainer">
|
||||
<div class="form-header mb-30">
|
||||
<accordian :title="'{{ __('shop::app.checkout.onepage.summary') }}'" :active="true">
|
||||
<div class="form-header mb-30" slot="header">
|
||||
<h3 class="fw6 display-inbl">
|
||||
4. {{ __('shop::app.checkout.onepage.summary') }}
|
||||
</h3>
|
||||
<i class="rango-arrow"></i>
|
||||
</div>
|
||||
|
||||
<div slot="body">
|
||||
<div class="address-summary row">
|
||||
@if ($billingAddress = $cart->billing_address)
|
||||
<div class="billing-address col-6">
|
||||
|
|
@ -164,4 +167,6 @@
|
|||
<slot name="summary-section"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</accordian>
|
||||
</div>
|
||||
|
|
@ -1,14 +1,14 @@
|
|||
<form data-vv-scope="shipping-form" class="shipping-form">
|
||||
<div class="form-container">
|
||||
<div class="form-header">
|
||||
<accordian :title="'{{ __('shop::app.checkout.onepage.shipping-method') }}'" :active="true">
|
||||
<div class="form-header" slot="header">
|
||||
<h3 class="fw6 display-inbl">
|
||||
2. {{ __('shop::app.checkout.onepage.shipping-method') }}
|
||||
</h3>
|
||||
<i class="rango-arrow"></i>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="shipping-methods"
|
||||
:class="[errors.has('shipping-form.shipping_method') ? 'has-error' : '']">
|
||||
<div :class="`shipping-methods ${errors.has('shipping-form.shipping_method') ? 'has-error' : ''}`" slot="body">
|
||||
|
||||
@foreach ($shippingRateGroups as $rateGroup)
|
||||
|
||||
|
|
@ -55,5 +55,6 @@
|
|||
@{{ errors.first('shipping-form.shipping_method') }}
|
||||
</span>
|
||||
</div>
|
||||
</accordian>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="card grid-card" id="product-card-new">
|
||||
<div class="card grid-card product-card-new">
|
||||
<a
|
||||
href="{{ route('shop.productOrCategory.index', ['slug' => $product->url_key]) }}"
|
||||
title="{{ $product->name }}"
|
||||
|
|
|
|||
Loading…
Reference in New Issue