wickes-css2 2.117.0-develop.2 → 2.117.0-develop.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/main.css +1 -1
- package/build/css/pages/checkout-new.css +1 -1
- package/build/css/pages/checkout.css +1 -1
- package/build/css/pages/page_in-store-checkout.css +1 -1
- package/build/css/pdp-main-before-combine.css +1 -1
- package/build/css/pdp-main-non-critical.css +1 -1
- package/build/css/pdp-main.css +1 -1
- package/build/js/basket.min.js +1 -1
- package/build/js/bundle.min.js +1 -1
- package/build/js/checkout.min.js +1 -1
- package/build/js/emulation.min.js +63 -199
- package/build/js/merged-checkout.min.js +1 -1
- package/build/js/project-list.min.js +1 -1
- package/package.json +1 -1
- package/src/js/emulation/forms.js +0 -16
- package/src/page_checkout_confirmation.html +0 -53
- package/src/page_checkout_confirmation_paypal.html +0 -53
- package/src/page_checkout_delivery-address-ASM.html +0 -81
- package/src/page_checkout_delivery-details-v2-asm.html +1 -1
- package/src/page_checkout_delivery-details-v2-calendar-message.html +1 -1
- package/src/page_checkout_delivery-details-v2-oos.html +1 -1
- package/src/page_checkout_delivery-details-v2-wisdom-not-available.html +1 -1
- package/src/page_checkout_delivery-details-v2-wisdom.html +1 -1
- package/src/page_checkout_delivery-details-with-loader-v2.html +1 -1
- package/src/page_checkout_delivery-details_guest-new.html +1 -1
- package/src/page_checkout_payment-details-ASM.html +0 -7
- package/src/page_checkout_payment-details-v2-asm.html +3 -3
- package/src/page_checkout_payment-details_guest-BPS.html +1 -4
- package/src/page_checkout_payment-details_guest-click-collect-icon.html +0 -3
- package/src/page_checkout_payment-details_guest.html +0 -6
- package/src/page_checkout_payment-details_with-loader.html +0 -7
- package/src/page_in-store_MVP_order-summary-submitted.html +0 -16
- package/src/page_instore_progress_bar-three-steps.html +0 -3
- package/src/page_new-checkout-form-secure.html +10 -11
- package/src/scss/main.scss +0 -1
- package/src/scss/pages/checkout-new.scss +1 -4
- package/src/scss/pages/checkout.scss +0 -1
- package/src/scss/pages/page_in-store-checkout.scss +0 -56
- package/src/scss/pdp-main.scss +0 -1
- package/src/sitemap.html +33 -82
- package/build/css/pages/page_in-store_MVP_order-summary-submitted.css +0 -1
- package/build/css/pages/page_in-store_MVP_order-summary.css +0 -1
- package/build/css/pages/page_new-checkout-forgot.css +0 -1
- package/build/js/page/checkout-confirmation.js +0 -8
- package/build/js/page/checkout-delivery-address.js +0 -41
- package/build/js/page/checkout-sign-in.js +0 -17
- package/build/js/page/instore-checkout.js +0 -11
- package/src/components/checkout-deleted-payment-details.hbs +0 -77
- package/src/components/checkout-deleted-payment-method-card.hbs +0 -58
- package/src/components/checkout-edit-billing-address-modal.hbs +0 -30
- package/src/components/checkout-in-store-customer-details.hbs +0 -18
- package/src/components/checkout_delivery.hbs +0 -11
- package/src/components/checkout_your-details.hbs +0 -36
- package/src/components/in-store-terms-and-conditions-modal.hbs +0 -308
- package/src/components/steps.hbs +0 -32
- package/src/js/components/checkout_your-details.js +0 -78
- package/src/js/emulation/checkout-sign-in-emulation.js +0 -43
- package/src/js/emulation/checkout_your-details.js +0 -90
- package/src/js/page/checkout-confirmation.js +0 -8
- package/src/js/page/checkout-delivery-address.js +0 -41
- package/src/js/page/checkout-sign-in.js +0 -17
- package/src/js/page/instore-checkout.js +0 -11
- package/src/page_checkout_confirmation_guest.html +0 -140
- package/src/page_checkout_delivery-address-customer-journey.html +0 -66
- package/src/page_checkout_delivery-address-v2.html +0 -48
- package/src/page_checkout_delivery-address_guest.html +0 -35
- package/src/page_checkout_delivery_address-asm-new.html +0 -54
- package/src/page_checkout_half-sign-in.html +0 -53
- package/src/page_checkout_payment-details-confirm-delete.html +0 -27
- package/src/page_checkout_payment-details.html +0 -27
- package/src/page_checkout_sign-in-password-popup.html +0 -98
- package/src/page_checkout_sign-in-popup.html +0 -99
- package/src/page_checkout_sign-in.html +0 -53
- package/src/page_in-store_MVP_order-summary.html +0 -19
- package/src/page_in-store_payment-checkout.html +0 -35
- package/src/page_in-store_sign-in.html +0 -30
- package/src/page_instore_progress_bar.html +0 -30
- package/src/page_new-checkout-forgot-password.html +0 -45
- package/src/page_new-checkout-form-login-guest.html +0 -105
- package/src/page_new-checkout-form-login-wickes.html +0 -48
- package/src/scss/components/_steps.scss +0 -207
- package/src/scss/pages/_checkout_your-details.scss +0 -48
- package/src/scss/pages/page_in-store_MVP_order-summary-submitted.scss +0 -14
- package/src/scss/pages/page_in-store_MVP_order-summary.scss +0 -150
- package/src/scss/pages/page_new-checkout-forgot.scss +0 -49
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout page_checkout-confirmation" title="Checkout - Confirmation - Guest"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
<div class="page-header">
|
|
4
|
-
<h1 class="page-header__title">Thank You, Your Order Has Been Placed</h1>
|
|
5
|
-
<p class="page-header__order-number">Order number: <span class="page-header__order-number_strong">143402004</span></p>
|
|
6
|
-
<p class="page-header__intro">We have emailed your order confirmation to <a href="#">michael.michael@gmail.com</a>
|
|
7
|
-
with details of when your order will be delivered.
|
|
8
|
-
This email will also contain our contact details should you wish to get in touch with us.</p>
|
|
9
|
-
</div>
|
|
10
|
-
{{/content}}
|
|
11
|
-
{{#content "main"}}
|
|
12
|
-
<div class="header-descr col-12">
|
|
13
|
-
<h3>Products delivered by Wickes</h3>
|
|
14
|
-
<p>The product listed below will be delivered to you by Wickes. The date, time slot and address for this delivery are
|
|
15
|
-
listed below:</p>
|
|
16
|
-
</div>
|
|
17
|
-
<div class="checkout-confirmation-wrapper">
|
|
18
|
-
<div class="product-delivery-table">
|
|
19
|
-
<div class="product-delivery-table__delivery-info">
|
|
20
|
-
<div class="row">
|
|
21
|
-
<div class="product-delivery-table__date">
|
|
22
|
-
<h4>Delivery date</h4>
|
|
23
|
-
<div class="product-delivery-table__date-inner">
|
|
24
|
-
<div class="checkout-address-time__time-regular">MAR</div>
|
|
25
|
-
<div class="checkout-address-time__time-primary">15</div>
|
|
26
|
-
<div class="checkout-address-time__time-additional">8:00am - 6:00pm</div>
|
|
27
|
-
</div>
|
|
28
|
-
</div>
|
|
29
|
-
<div class="product-delivery-table__time">
|
|
30
|
-
<h4>Delivery time</h4>
|
|
31
|
-
<div class="product-delivery-table__content">
|
|
32
|
-
8:00am - 6:00pm
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
<div class="product-delivery-table__address">
|
|
36
|
-
<h4>Delivery address</h4>
|
|
37
|
-
<div class="product-delivery-table__content">
|
|
38
|
-
459 Acasia way<br/>
|
|
39
|
-
Wimbledon<br/>
|
|
40
|
-
London<br/>
|
|
41
|
-
S7 7ET
|
|
42
|
-
</div>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
|
|
47
|
-
<div class="shopping-card-container">
|
|
48
|
-
{{#each page_confirmation.linesCollection}}
|
|
49
|
-
{{>order-line mod="order-line_shrink" calculator-notification=true}}
|
|
50
|
-
{{/each}}
|
|
51
|
-
</div>
|
|
52
|
-
</div>
|
|
53
|
-
{{>checkout-supply-info checkout-components.supply-info.[2]}}
|
|
54
|
-
<div class="checkout-confirmation-shopping-cards">
|
|
55
|
-
{{#each page_confirmation.linesCollection}}
|
|
56
|
-
<div class="checkout-confirmation-shopping-card">
|
|
57
|
-
<h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
|
|
58
|
-
<span class="checkout__text-highlighted">Your order will be ready for collection within 1 store hour.</span>
|
|
59
|
-
<div class="shopping-card-container shopping-card-container_bordered">
|
|
60
|
-
<div class="delivery-details-option__delivery-info">
|
|
61
|
-
<div class="delivery-details-option__delivery-info-left">
|
|
62
|
-
{{>checkout-address-time time=true within=true}}
|
|
63
|
-
</div>
|
|
64
|
-
<div class="delivery-details-option__delivery-info-right">
|
|
65
|
-
{{>schedule}}
|
|
66
|
-
</div>
|
|
67
|
-
</div>
|
|
68
|
-
{{>order-line mod="order-line_shrink"}}
|
|
69
|
-
</div>
|
|
70
|
-
</div>
|
|
71
|
-
{{/each}}
|
|
72
|
-
</div>
|
|
73
|
-
</div>
|
|
74
|
-
<form class="checkout-register form-bg">
|
|
75
|
-
<div class="checkout-register__row">
|
|
76
|
-
<div class="checkout-register__descr">
|
|
77
|
-
<h3>Ready to register?</h3>
|
|
78
|
-
<p class="checkout-register__paragraph">Registering to Wickes comes with many benefits, it will also make checkout much faster if you choose to shop with us again. Feel free to setup your password below:</p>
|
|
79
|
-
<h4 class="checkout-register__title">Create your password</h4>
|
|
80
|
-
<div class="warning-required">Required fields</div>
|
|
81
|
-
{{> form-row type="password" id="password" label="Password" info="Minimum length is 6 characters" required="true"}}
|
|
82
|
-
{{> form-row type="password" id="confirm-password" label="Confirm password" required="true"}}
|
|
83
|
-
</div>
|
|
84
|
-
</div>
|
|
85
|
-
<div class="checkout-register__row">
|
|
86
|
-
<div class="checkout-register__descr">
|
|
87
|
-
<h4 class="checkout-register__card-title">Save your card</h4>
|
|
88
|
-
<div class="checkout-register__card">
|
|
89
|
-
<dl class="checkout-register__card-info">
|
|
90
|
-
<dt>Card type:</dt>
|
|
91
|
-
<dd><span>Visa</span></dd>
|
|
92
|
-
<dt>Card number:</dt>
|
|
93
|
-
<dd><span>41114111*****111</span></dd>
|
|
94
|
-
<dt>Name on card:</dt>
|
|
95
|
-
<dd><span>Konstantin Konstantinopolsky</span></dd>
|
|
96
|
-
</dl>
|
|
97
|
-
</div>
|
|
98
|
-
<div class="form-row">
|
|
99
|
-
<div class="form-row__field">
|
|
100
|
-
{{> checkbox id="check-card-save" label="Save this card to my account"}}
|
|
101
|
-
</div>
|
|
102
|
-
</div>
|
|
103
|
-
{{> form-row dropdown="true" id="card-type" label="Additional infomation" placeholder="Please select" info="How would you describe yourself or main trade"}}
|
|
104
|
-
</div>
|
|
105
|
-
</div>
|
|
106
|
-
<div class="form-row form-row__action form-row__action_custom">
|
|
107
|
-
<div class="form-row__col-btn">
|
|
108
|
-
<a href="./" class="btn btn-secondary btn_full">
|
|
109
|
-
<span class="btn__text">Return to shopping</span>
|
|
110
|
-
</a>
|
|
111
|
-
</div>
|
|
112
|
-
<div class="form-row__col-btn">
|
|
113
|
-
<button class="btn btn-primary btn_full" type="submit">
|
|
114
|
-
<span class="btn__text">Create account</span>
|
|
115
|
-
</button>
|
|
116
|
-
</div>
|
|
117
|
-
</div>
|
|
118
|
-
</form>
|
|
119
|
-
{{/content}}
|
|
120
|
-
{{#content "aside"}}
|
|
121
|
-
{{> checkout_order-summary label="Total: "}}
|
|
122
|
-
{{> checkout_payment }}
|
|
123
|
-
{{> checkout_information }}
|
|
124
|
-
<div class="form-row form-row__action form-row__action_custom">
|
|
125
|
-
<div class="form-row__col-btn">
|
|
126
|
-
<a href="./" class="btn btn-secondary btn_full">
|
|
127
|
-
<span class="btn__text">Return to shopping</span>
|
|
128
|
-
</a>
|
|
129
|
-
</div>
|
|
130
|
-
<div class="form-row__col-btn">
|
|
131
|
-
<button class="btn btn-primary btn_full" id="checkout-register-submit">
|
|
132
|
-
<span class="btn__text">Create account</span>
|
|
133
|
-
</button>
|
|
134
|
-
</div>
|
|
135
|
-
</div>
|
|
136
|
-
{{/content}}
|
|
137
|
-
{{#content "foot" mode="append"}}
|
|
138
|
-
<script defer src="js/page/checkout-confirmation.js"></script>
|
|
139
|
-
{{/content}}
|
|
140
|
-
{{/extend}}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout page_checkout-confirmation-new" title="Checkout - Delivery address Customer Journey" isAsideSticky="true" billieIcon=true}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="1" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
|
|
6
|
-
{{#content "head" mode="append"}}
|
|
7
|
-
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
8
|
-
<link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
|
|
9
|
-
{{/content}}
|
|
10
|
-
|
|
11
|
-
{{#content "aside"}}
|
|
12
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true billieIcon=true}}
|
|
13
|
-
{{/content}}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
{{#content "main"}}
|
|
17
|
-
<div class="delivery-block">
|
|
18
|
-
<h3 class="delivery-block__heading">Delivery Information</h3>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
<div class="delivery-block__wrapper customer-journey-block">
|
|
22
|
-
|
|
23
|
-
{{> user-address-delivery radioName="checkout-address-radio" modal="modalDeliveryEdit" selectedAddress=true simpleAddress=true isDeleted=true}}
|
|
24
|
-
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
|
|
28
|
-
<div class="click-collect-block">
|
|
29
|
-
<h3 class="click-collect-block__heading">Click & Collect</h3>
|
|
30
|
-
<div class="click-collect-block__wrapper">
|
|
31
|
-
{{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
|
|
32
|
-
<div class="checkout-order">
|
|
33
|
-
{{> checkout-order-block}}
|
|
34
|
-
</div>
|
|
35
|
-
{{/with}}
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
|
|
39
|
-
<div class="continue-btn">
|
|
40
|
-
<button class="btn btn-action">Continue to Delivery Details</button>
|
|
41
|
-
</div>
|
|
42
|
-
|
|
43
|
-
{{/content}}
|
|
44
|
-
|
|
45
|
-
{{#content "foot" mode="append"}}
|
|
46
|
-
<script defer src="./js/page/checkout-confirmation-new.js"></script>
|
|
47
|
-
<script defer src="./js/page/select-address.js"></script>
|
|
48
|
-
|
|
49
|
-
{{#extend "modal" classMod="edit-delivery-address" id="modalDeliveryEdit" title="Edit delivery address" fullWidth=true}}
|
|
50
|
-
{{#content "body"}}
|
|
51
|
-
<div class="edit-address-modal-block">
|
|
52
|
-
{{> notifications notification-page.error-deliver-area}}
|
|
53
|
-
<button class="btn btn-primary btn-choose-address">
|
|
54
|
-
<span class="btn__text">Choose address</span>
|
|
55
|
-
</button>
|
|
56
|
-
|
|
57
|
-
{{> delivery-address-form-new checkboxTrue=true}}
|
|
58
|
-
<button class="btn btn-action btn_full">
|
|
59
|
-
<span class="btn__text">Continue to delivery details</span>
|
|
60
|
-
</button>
|
|
61
|
-
</div>
|
|
62
|
-
{{/content}}
|
|
63
|
-
{{/extend}}
|
|
64
|
-
|
|
65
|
-
{{/content}}
|
|
66
|
-
{{/extend}}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Delivery address" isAsideSticky="true"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="1" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
|
|
6
|
-
{{#content "head" mode="append"}}
|
|
7
|
-
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
8
|
-
<link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
|
|
9
|
-
{{/content}}
|
|
10
|
-
|
|
11
|
-
{{#content "aside"}}
|
|
12
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
|
|
13
|
-
{{/content}}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
{{#content "main"}}
|
|
17
|
-
<div class="delivery-block">
|
|
18
|
-
<h3 class="delivery-block__heading">Delivery Information</h3>
|
|
19
|
-
<div class="delivery-block__wrapper">
|
|
20
|
-
{{> delivery-address-form-new}}
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
|
|
24
|
-
<div class="click-collect-block">
|
|
25
|
-
<h3 class="click-collect-block__heading">Click & Collect</h3>
|
|
26
|
-
<div class="click-collect-block__wrapper">
|
|
27
|
-
{{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
|
|
28
|
-
<div class="checkout-order">
|
|
29
|
-
{{> checkout-order-block}}
|
|
30
|
-
</div>
|
|
31
|
-
{{/with}}
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
|
|
35
|
-
<div class="continue-btn">
|
|
36
|
-
<button class="btn btn-action">Continue to Delivery Details</button>
|
|
37
|
-
</div>
|
|
38
|
-
|
|
39
|
-
{{/content}}
|
|
40
|
-
|
|
41
|
-
{{#content "foot" mode="append"}}
|
|
42
|
-
{{> checkout-voucher-remove-modal
|
|
43
|
-
shopping-cart-v2.checkout.voucher-remove-popup
|
|
44
|
-
id="voucher-remove-popup"
|
|
45
|
-
}}
|
|
46
|
-
<script defer src="./js/page/checkout-confirmation-new.js"></script>
|
|
47
|
-
{{/content}}
|
|
48
|
-
{{/extend}}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout page_checkout-delivery-address_guest" title="Checkout - Delivery address - Guest" isAsideSticky="true"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="1" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
{{#content "main"}}
|
|
6
|
-
<form class="delivery-address-form" id="form-checkout-your-details"
|
|
7
|
-
data-action="./page_checkout_delivery-details_guest.html">
|
|
8
|
-
<div class="form-wrapper">
|
|
9
|
-
<div class="delivery-address-form__inner">
|
|
10
|
-
{{> checkout_your-details intro="true" uid="cyd0"}}
|
|
11
|
-
</div>
|
|
12
|
-
</div>
|
|
13
|
-
<div class="form-row__col-btn">
|
|
14
|
-
<button class="btn btn-action btn_full">
|
|
15
|
-
<span class="btn__text">Continue to delivery details</span>
|
|
16
|
-
<span class="icon">
|
|
17
|
-
<i class="fas fa-arrow-right"></i>
|
|
18
|
-
</span>
|
|
19
|
-
</button>
|
|
20
|
-
</div>
|
|
21
|
-
</form>
|
|
22
|
-
{{/content}}
|
|
23
|
-
{{#content "aside"}}
|
|
24
|
-
{{> checkout_order-summary label="Subtotal: "}}
|
|
25
|
-
{{> checkout_click-and-collect }}
|
|
26
|
-
<div class="form-row__col-btn">
|
|
27
|
-
<button class="btn btn-action btn_full">
|
|
28
|
-
<span class="btn__text">Continue to delivery details</span>
|
|
29
|
-
<span class="icon">
|
|
30
|
-
<i class="fas fa-arrow-right"></i>
|
|
31
|
-
</span>
|
|
32
|
-
</button>
|
|
33
|
-
</div>
|
|
34
|
-
{{/content}}
|
|
35
|
-
{{/extend}}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout page_checkout-confirmation-new" title="Checkout - Delivery address ASM" isAsideSticky="true"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="1" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
|
|
6
|
-
{{#content "head" mode="append"}}
|
|
7
|
-
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
8
|
-
<link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
|
|
9
|
-
{{/content}}
|
|
10
|
-
|
|
11
|
-
{{#content "aside"}}
|
|
12
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true}}
|
|
13
|
-
{{/content}}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
{{#content "main"}}
|
|
17
|
-
<div class="delivery-block">
|
|
18
|
-
<h3 class="delivery-block__heading">Delivery Information</h3>
|
|
19
|
-
|
|
20
|
-
<div class="delivery-block__wrapper customer-journey-block">
|
|
21
|
-
|
|
22
|
-
{{> user-address-delivery asm-address=true radioName="checkout-address-radio" modal="modalDeliveryEdit" selectedAddress=true simpleAddress=true}}
|
|
23
|
-
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
|
|
27
|
-
<div class="continue-btn">
|
|
28
|
-
<button class="btn btn-action">Continue to Delivery Details</button>
|
|
29
|
-
</div>
|
|
30
|
-
|
|
31
|
-
{{/content}}
|
|
32
|
-
|
|
33
|
-
{{#content "foot" mode="append"}}
|
|
34
|
-
{{> checkout-voucher-remove-modal
|
|
35
|
-
shopping-cart-v2.checkout.voucher-remove-popup
|
|
36
|
-
id="voucher-remove-popup"
|
|
37
|
-
}}
|
|
38
|
-
<script defer src="./js/page/checkout-confirmation-new.js"></script>
|
|
39
|
-
<script defer src="./js/page/select-address.js"></script>
|
|
40
|
-
|
|
41
|
-
{{#extend "modal" classMod="edit-delivery-address" id="modalDeliveryEdit" title="Edit delivery address" fullWidth=true}}
|
|
42
|
-
{{#content "body"}}
|
|
43
|
-
<div class="edit-address-modal-block">
|
|
44
|
-
{{> notifications notification-page.error-deliver-area}}
|
|
45
|
-
{{> delivery-address-form-new}}
|
|
46
|
-
<button class="btn btn-action btn_full">
|
|
47
|
-
<span class="btn__text">Continue to delivery details</span>
|
|
48
|
-
</button>
|
|
49
|
-
</div>
|
|
50
|
-
{{/content}}
|
|
51
|
-
{{/extend}}
|
|
52
|
-
|
|
53
|
-
{{/content}}
|
|
54
|
-
{{/extend}}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout" title="Checkout - Session expired" fullWidth=true}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="0" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
|
|
6
|
-
{{#content "main"}}
|
|
7
|
-
<div class="checkout-session-expired">
|
|
8
|
-
<div class="session-icon">
|
|
9
|
-
<a href="#">
|
|
10
|
-
<i class="fas fa-exclamation-circle"></i>
|
|
11
|
-
</a>
|
|
12
|
-
</div>
|
|
13
|
-
<p> Session expired. Please review any information you entered on this page before continuing.</p>
|
|
14
|
-
<div class="session-icon float-right">
|
|
15
|
-
<a onclick="$('.checkout-session-expired').hide();" href="#">
|
|
16
|
-
<i class="far fa-times"></i>
|
|
17
|
-
</a>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
<div class="checkout-sign-in">
|
|
21
|
-
<form class="checkout-sign-in__inner" novalidate>
|
|
22
|
-
<h3 class="checkout-sign-in__header">Secure checkout</h3>
|
|
23
|
-
{{> form-row type="password" id="checkout-email" label="Enter your password to continue your session"}}
|
|
24
|
-
<p>Not Maryna? <a href="#">Click here to sign in</a></p>
|
|
25
|
-
|
|
26
|
-
<div class="form-row form-row__action">
|
|
27
|
-
<div class="form-row__col-btn">
|
|
28
|
-
<button class="btn btn-primary checkout-sign-in__btn" id="checkout-sign-in-submit">
|
|
29
|
-
<span class="btn__text">Continue securely</span>
|
|
30
|
-
</button>
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
</form>
|
|
34
|
-
</div>
|
|
35
|
-
{{/content}}
|
|
36
|
-
|
|
37
|
-
{{#content "foot" mode="append"}}
|
|
38
|
-
<script defer src="./js/page/checkout-sign-in.js"></script>
|
|
39
|
-
|
|
40
|
-
{{#extend "modal" id="modal-request-pass" title="Forgotten password" fullWidth=true}}
|
|
41
|
-
{{#content "body"}}
|
|
42
|
-
{{#extend "request-pass" id="form-forgotten-password-popup" button-text="Request your new password"}}
|
|
43
|
-
{{#content "info-top"}}
|
|
44
|
-
Please enter the email address for your Wickes account.<br/>
|
|
45
|
-
A link to change your password will be emailed to you.
|
|
46
|
-
{{/content}}
|
|
47
|
-
{{/extend}}
|
|
48
|
-
{{/content}}
|
|
49
|
-
{{/extend}}
|
|
50
|
-
|
|
51
|
-
{{/content}}
|
|
52
|
-
|
|
53
|
-
{{/extend}}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-payment-details" title="Checkout - Payment Details" logout=true isAsideSticky="true"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="3" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
|
|
6
|
-
{{#content "main"}}
|
|
7
|
-
{{> checkout-deleted-payment-details }}
|
|
8
|
-
{{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=false}}
|
|
9
|
-
{{#content "content"}}
|
|
10
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
11
|
-
{{>order-line mod="order-line_shrink"}}
|
|
12
|
-
{{/each}}
|
|
13
|
-
{{/content}}
|
|
14
|
-
{{/extend}}
|
|
15
|
-
{{/content}}
|
|
16
|
-
{{#content "aside"}}
|
|
17
|
-
{{> checkout_order-summary label="Total: "}}
|
|
18
|
-
{{> checkout_delivery }}
|
|
19
|
-
{{> checkout_supplier-delivery }}
|
|
20
|
-
{{> checkout_click-and-collect }}
|
|
21
|
-
{{/content}}
|
|
22
|
-
{{#content "foot" mode="append"}}
|
|
23
|
-
<script defer src="./js/page/checkout-payment-details.js"></script>
|
|
24
|
-
{{> checkout-terms-and-conditions-modal }}
|
|
25
|
-
{{> checkout-edit-billing-address-modal }}
|
|
26
|
-
{{/content}}
|
|
27
|
-
{{/extend}}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-payment-details" title="Checkout - Payment Details" logout=true isAsideSticky="true" big-and-bulky-tooltip=true}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="3" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
|
|
6
|
-
{{#content "main"}}
|
|
7
|
-
{{> checkout-payment-details }}
|
|
8
|
-
{{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=false}}
|
|
9
|
-
{{#content "content"}}
|
|
10
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
11
|
-
{{>order-line mod="order-line_shrink" calculator-notification=true}}
|
|
12
|
-
{{/each}}
|
|
13
|
-
{{/content}}
|
|
14
|
-
{{/extend}}
|
|
15
|
-
{{/content}}
|
|
16
|
-
{{#content "aside"}}
|
|
17
|
-
{{> checkout_order-summary label="Total: "}}
|
|
18
|
-
{{> checkout_delivery }}
|
|
19
|
-
{{> checkout_supplier-delivery }}
|
|
20
|
-
{{> checkout_click-and-collect }}
|
|
21
|
-
{{/content}}
|
|
22
|
-
{{#content "foot" mode="append"}}
|
|
23
|
-
<script defer src="./js/page/checkout-payment-details.js"></script>
|
|
24
|
-
{{> checkout-terms-and-conditions-modal }}
|
|
25
|
-
{{> checkout-edit-billing-address-modal cardDetailsPresent=false}}
|
|
26
|
-
{{/content}}
|
|
27
|
-
{{/extend}}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout" title="Checkout - Sign in" fullWidth=true}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="0" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
|
|
6
|
-
{{#content "main"}}
|
|
7
|
-
<div class="w-100 text-center pb-2">
|
|
8
|
-
<h1>
|
|
9
|
-
<a href="#" id="checkout-password-sent" class="link-primary" data-toggle="modal" data-target="#modal-password-reset-confirmed">Test password sent</a>
|
|
10
|
-
</h1>
|
|
11
|
-
</div>
|
|
12
|
-
<div class="modal modal-box modal-box_full" id="modal-password-reset-confirmed" tabindex="-1" role="dialog">
|
|
13
|
-
<div class="modal-dialog modal-box__container" role="document">
|
|
14
|
-
<div class="modal-box__row justify-content-center">
|
|
15
|
-
<div class="modal-box__columns">
|
|
16
|
-
<div class="modal-content modal-box__content">
|
|
17
|
-
<div class="modal-header modal-box__header">
|
|
18
|
-
<div class="justify-content-center">
|
|
19
|
-
<div class="container">
|
|
20
|
-
<div class="row">
|
|
21
|
-
<div class="col-12">
|
|
22
|
-
<h3 class="modal-title modal-box__title ml-2">Password Reset</h3>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
<button class="close modal-box__btn-close d-print-none" type="button" data-dismiss="modal"
|
|
28
|
-
aria-label="Close">
|
|
29
|
-
<span class="icon" aria-hidden="true"><span class="far fa-times"></span></span>
|
|
30
|
-
</button>
|
|
31
|
-
</div>
|
|
32
|
-
<div class="modal-body modal-box__body popup-content">
|
|
33
|
-
<div class="component container">
|
|
34
|
-
<div class="row">
|
|
35
|
-
<div class="col-2 text-center"><i class="fas fa-check-circle"></i></div>
|
|
36
|
-
<div class="col-10">
|
|
37
|
-
<p>If an account with your e-mail address exists, we'll send you an
|
|
38
|
-
email containing your new password in the next few minutes</p>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
<div class="checkout-sign-in">
|
|
49
|
-
<form class="checkout-sign-in__inner" novalidate>
|
|
50
|
-
<h3 class="checkout-sign-in__header">Secure checkout</h3>
|
|
51
|
-
Welcome to Wickes secure checkout, please enter your details below
|
|
52
|
-
<div class="warning-required">Required fields</div>
|
|
53
|
-
{{> form-row type="email" id="checkout-email" label="Email address" required="true"}}
|
|
54
|
-
<h5>Do you have a password?</h5>
|
|
55
|
-
<div>If you sign in, it will be quicker for you to complete your order</div>
|
|
56
|
-
<div class="checkout-sign-in__checkbox-wrap">
|
|
57
|
-
{{> radiobutton label="No, checkout as guest" name="sign-in-password" id="sign-in-check-1" checked="true"
|
|
58
|
-
value="guest"}}
|
|
59
|
-
</div>
|
|
60
|
-
<div class="checkout-sign-in__checkbox-wrap">
|
|
61
|
-
{{> radiobutton label="Yes, my password is..." name="sign-in-password" id="sign-in-check-password-switch"
|
|
62
|
-
value="logged-in"}}
|
|
63
|
-
<div class="checkout-sign-in__password-wrap" id="checkout-sign-in-password" style="display: none">
|
|
64
|
-
{{> form-row type="password" id="password" label="Password" label-hidden="true" required="true"}}
|
|
65
|
-
<a href="#" id="checkout-sign-in-forgot-link" class="link-secondary" data-toggle="modal"
|
|
66
|
-
data-target="#modal-request-pass">Forgot
|
|
67
|
-
your password?</a>
|
|
68
|
-
</div>
|
|
69
|
-
</div>
|
|
70
|
-
|
|
71
|
-
<div class="form-row form-row__action">
|
|
72
|
-
<div class="form-row__col-btn">
|
|
73
|
-
<button class="btn btn-primary checkout-sign-in__btn" id="checkout-sign-in-submit">
|
|
74
|
-
<span class="btn__text">Continue</span>
|
|
75
|
-
</button>
|
|
76
|
-
</div>
|
|
77
|
-
</div>
|
|
78
|
-
</form>
|
|
79
|
-
</div>
|
|
80
|
-
{{/content}}
|
|
81
|
-
|
|
82
|
-
{{#content "foot" mode="append"}}
|
|
83
|
-
<script defer src="./js/page/checkout-sign-in.js"></script>
|
|
84
|
-
|
|
85
|
-
{{#extend "modal" id="modal-request-pass" title="Forgotten password" fullWidth=true}}
|
|
86
|
-
{{#content "body"}}
|
|
87
|
-
{{#extend "request-pass" id="form-forgotten-password-popup" button-text="Request your new password"}}
|
|
88
|
-
{{#content "info-top"}}
|
|
89
|
-
Please enter the email address for your Wickes account.<br/>
|
|
90
|
-
A link to change your password will be emailed to you.
|
|
91
|
-
{{/content}}
|
|
92
|
-
{{/extend}}
|
|
93
|
-
{{/content}}
|
|
94
|
-
{{/extend}}
|
|
95
|
-
|
|
96
|
-
{{/content}}
|
|
97
|
-
|
|
98
|
-
{{/extend}}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout" title="Checkout - Sign in" fullWidth=true}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="0" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
{{#content "main"}}
|
|
6
|
-
<div class="w-100 text-center pb-2">
|
|
7
|
-
<h1>
|
|
8
|
-
<a href="#" id="checkout-store-select" class="link-primary" data-toggle="modal" data-target="#modal-select-store" >Test store selector</a>
|
|
9
|
-
</h1>
|
|
10
|
-
</div>
|
|
11
|
-
<div class="modal modal-box modal-box_full" id="modal-select-store" tabindex="-1" role="dialog">
|
|
12
|
-
<div class="modal-dialog modal-box__container" role="document">
|
|
13
|
-
<div class="modal-box__row justify-content-center">
|
|
14
|
-
<div class="modal-box__columns">
|
|
15
|
-
<div class="modal-content modal-box__content">
|
|
16
|
-
<div class="modal-header modal-box__header">
|
|
17
|
-
<div class="justify-content-center">
|
|
18
|
-
<div class="container">
|
|
19
|
-
<div class="row">
|
|
20
|
-
<div class="col-12">
|
|
21
|
-
<h3 class="modal-title modal-box__title">Select Store</h3>
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
<div class="modal-body modal-box__body popup-content">
|
|
28
|
-
<div class="component container">
|
|
29
|
-
<div class="row">
|
|
30
|
-
<div class="col-12">
|
|
31
|
-
<p class="email-title"><strong>Please select the store that you are in from the list below.</strong></p>
|
|
32
|
-
<form action="#">
|
|
33
|
-
{{> form-row row-mod="sort-order-by ml-0" dropdown="true" id="d1" error="Please select a store" placeholder="Please
|
|
34
|
-
select"}}
|
|
35
|
-
</form>
|
|
36
|
-
<div class="popup-actions">
|
|
37
|
-
<button class="btn btn-primary confirm-btn">
|
|
38
|
-
<span class="btn__text">Ok</span>
|
|
39
|
-
</button>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
</div>
|
|
44
|
-
</div>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
<div class="checkout-sign-in">
|
|
51
|
-
<form class="checkout-sign-in__inner" novalidate>
|
|
52
|
-
<h3 class="checkout-sign-in__header">Secure checkout</h3>
|
|
53
|
-
Welcome to Wickes secure checkout, please enter your details below
|
|
54
|
-
<div class="warning-required">Required fields</div>
|
|
55
|
-
{{> form-row type="email" id="checkout-email" label="Email address" required="true"}}
|
|
56
|
-
<h5>Do you have a password?</h5>
|
|
57
|
-
<div>If you sign in, it will be quicker for you to complete your order</div>
|
|
58
|
-
<div class="checkout-sign-in__checkbox-wrap">
|
|
59
|
-
{{> radiobutton label="No, checkout as guest" name="sign-in-password" id="sign-in-check-1" checked="true"
|
|
60
|
-
value="guest"}}
|
|
61
|
-
</div>
|
|
62
|
-
<div class="checkout-sign-in__checkbox-wrap">
|
|
63
|
-
{{> radiobutton label="Yes, my password is..." name="sign-in-password" id="sign-in-check-password-switch"
|
|
64
|
-
value="logged-in"}}
|
|
65
|
-
<div class="checkout-sign-in__password-wrap" id="checkout-sign-in-password" style="display: none">
|
|
66
|
-
{{> form-row type="password" id="password" label="Password" label-hidden="true" required="true"}}
|
|
67
|
-
<a href="#" id="checkout-sign-in-forgot-link" class="link-secondary" data-toggle="modal"
|
|
68
|
-
data-target="#modal-request-pass">Forgot your password?</a>
|
|
69
|
-
</div>
|
|
70
|
-
</div>
|
|
71
|
-
|
|
72
|
-
<div class="form-row form-row__action">
|
|
73
|
-
<div class="form-row__col-btn">
|
|
74
|
-
<button class="btn btn-primary checkout-sign-in__btn" id="checkout-sign-in-submit">
|
|
75
|
-
<span class="btn__text">Continue</span>
|
|
76
|
-
</button>
|
|
77
|
-
</div>
|
|
78
|
-
</div>
|
|
79
|
-
</form>
|
|
80
|
-
</div>
|
|
81
|
-
{{/content}}
|
|
82
|
-
|
|
83
|
-
{{#content "foot" mode="append"}}
|
|
84
|
-
<script defer src="./js/page/checkout-sign-in.js"></script>
|
|
85
|
-
|
|
86
|
-
{{#extend "modal" id="modal-request-pass" title="Forgotten password" fullWidth=true}}
|
|
87
|
-
{{#content "body"}}
|
|
88
|
-
{{#extend "request-pass" id="form-forgotten-password-popup" button-text="Request your new password"}}
|
|
89
|
-
{{#content "info-top"}}
|
|
90
|
-
Please enter the email address for your Wickes account.<br/>
|
|
91
|
-
A link to change your password will be emailed to you.
|
|
92
|
-
{{/content}}
|
|
93
|
-
{{/extend}}
|
|
94
|
-
{{/content}}
|
|
95
|
-
{{/extend}}
|
|
96
|
-
|
|
97
|
-
{{/content}}
|
|
98
|
-
|
|
99
|
-
{{/extend}}
|