wickes-css2 2.117.0-develop.1 → 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/my-account-main-v2.css +1 -1
- package/build/css/my-account-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/pages/page_product_search.css +1 -1
- package/build/css/pages/page_store-locator-details.css +1 -1
- package/build/css/pages/page_store-locator.css +1 -1
- package/build/css/pages/page_ti.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/css/plp-main.css +1 -1
- package/build/css/store-locator-main.css +1 -1
- package/build/js/basket.min.js +1 -1
- package/build/js/bloomreach-widget.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 +254 -212
- package/build/js/merged-checkout.min.js +1 -1
- package/build/js/page/bloomreach-widget/why-not-add-widget.js +1 -1
- package/build/js/page/components/store-locator.js +165 -0
- package/build/js/project-list.min.js +1 -1
- package/build/js/store-locator.min.js +1 -0
- package/package.json +1 -1
- package/src/components/bloomreach/complete-your-project-skeleton.hbs +1 -1
- package/src/components/find-a-store.hbs +48 -32
- package/src/js/emulation/bloomreach-widget-loading.js +1 -1
- package/src/js/emulation/complete-your-project-loading.js +1 -1
- package/src/js/emulation/forms.js +81 -28
- package/src/js/emulation/gift-cards.js +1 -0
- package/src/js/emulation/store-locator-geo-emulation.js +185 -0
- package/src/js/emulation/store-locator-load-more.js +9 -1
- package/src/js/page/bloomreach-widget/why-not-add-widget.js +1 -1
- package/src/js/page/components/store-locator.js +165 -0
- 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/page_product-details-bloomreach.html +1 -1
- package/src/page_product-details-with-why-not-add-single.html +1 -1
- package/src/page_store-locator-list.html +13 -13
- package/src/page_store-locator.html +12 -9
- package/src/scss/components/_account-heading.scss +1 -1
- package/src/scss/components/_find-a-store.scss +253 -49
- package/src/scss/components/_map.scss +30 -3
- package/src/scss/components/_shop-colour.scss +1 -1
- 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/pages/page_product_search.scss +11 -1
- package/src/scss/pages/page_store-locator-details.scss +1 -1
- package/src/scss/pages/page_store-locator.scss +249 -10
- package/src/scss/pages/page_ti.scss +1 -1
- package/src/scss/pdp-main.scss +0 -1
- package/src/scss/store-locator-main.scss +0 -5
- 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,53 +1,8 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout page_checkout page_checkout-confirmation" title="Checkout - Confirmation"
|
|
2
2
|
logout=true}}
|
|
3
|
-
{{#content "steps"}}
|
|
4
|
-
<div class="page-header">
|
|
5
|
-
<h1 class="page-header__title">Thank You, Your Order Has Been Placed</h1>
|
|
6
|
-
<p class="page-header__order-number">Order number: <span class="page-header__order-number_strong">143402004</span>
|
|
7
|
-
</p>
|
|
8
|
-
<p class="page-header__intro">We have emailed your order confirmation to <a href="#">michael.michael@gmail.com</a>
|
|
9
|
-
with details of when your order will be delivered.
|
|
10
|
-
This email will also contain our contact details should you wish to get in touch with us.</p>
|
|
11
|
-
</div>
|
|
12
|
-
|
|
13
|
-
<div class="col-12">
|
|
14
|
-
<h3>Products delivered by Wickes</h3>
|
|
15
|
-
<p>The product listed below will be delivered to you by Wickes. The date, time slot and address for this delivery
|
|
16
|
-
are
|
|
17
|
-
listed below:</p>
|
|
18
|
-
</div>
|
|
19
|
-
{{/content}}
|
|
20
3
|
{{#content "main"}}
|
|
21
4
|
|
|
22
5
|
<div class="product-delivery-table">
|
|
23
|
-
<div class="product-delivery-table__delivery-info">
|
|
24
|
-
<div class="row">
|
|
25
|
-
<div class="product-delivery-table__date">
|
|
26
|
-
<h4>Delivery date</h4>
|
|
27
|
-
<div class="product-delivery-table__date-inner">
|
|
28
|
-
<div class="checkout-address-time__time-regular">MAR</div>
|
|
29
|
-
<div class="checkout-address-time__time-primary">15</div>
|
|
30
|
-
<div class="checkout-address-time__time-additional">8:00am - 6:00pm</div>
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
<div class="product-delivery-table__time">
|
|
34
|
-
<h4>Delivery time</h4>
|
|
35
|
-
<div class="product-delivery-table__content">
|
|
36
|
-
8:00am - 6:00pm
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
<div class="product-delivery-table__address">
|
|
40
|
-
<h4>Delivery address</h4>
|
|
41
|
-
<div class="product-delivery-table__content">
|
|
42
|
-
459 Acasia way<br/>
|
|
43
|
-
Wimbledon<br/>
|
|
44
|
-
London<br/>
|
|
45
|
-
S7 7ET
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
|
|
51
6
|
<div class="shopping-card-container">
|
|
52
7
|
{{#each page_confirmation.linesCollection}}
|
|
53
8
|
{{>order-line mod="order-line_shrink" calculator-notification=true}}
|
|
@@ -55,12 +10,6 @@ logout=true}}
|
|
|
55
10
|
</div>
|
|
56
11
|
</div>
|
|
57
12
|
|
|
58
|
-
<div class="col-12">
|
|
59
|
-
<h3>Supplier delivered products</h3>
|
|
60
|
-
<p>The following products will be delivered by our suppliers. They will be contacting you to arrange a delivery
|
|
61
|
-
date.</p>
|
|
62
|
-
</div>
|
|
63
|
-
|
|
64
13
|
<div class="product-delivery-table product-supplier-delivery">
|
|
65
14
|
<div class="shopping-card-container">
|
|
66
15
|
{{#each page_confirmation.linesCollection}}
|
|
@@ -97,13 +46,11 @@ logout=true}}
|
|
|
97
46
|
{{/each}}
|
|
98
47
|
</div>
|
|
99
48
|
</div>
|
|
100
|
-
<a href="./" class="btn btn-secondary checkout-continue-shopping">Return to shopping</a>
|
|
101
49
|
{{/content}}
|
|
102
50
|
{{#content "aside"}}
|
|
103
51
|
{{> checkout_order-summary label="Total: "}}
|
|
104
52
|
{{> checkout_payment }}
|
|
105
53
|
{{> checkout_information }}
|
|
106
54
|
|
|
107
|
-
<a href="./" class="btn btn-secondary checkout-continue-shopping_mobile">Return to shopping</a>
|
|
108
55
|
{{/content}}
|
|
109
56
|
{{/extend}}
|
|
@@ -1,53 +1,8 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout page_checkout page_checkout-confirmation" title="Checkout - Confirmation"
|
|
2
2
|
logout=true}}
|
|
3
|
-
{{#content "steps"}}
|
|
4
|
-
<div class="page-header">
|
|
5
|
-
<h1 class="page-header__title">Thank You, Your Order Has Been Placed</h1>
|
|
6
|
-
<p class="page-header__order-number">Order number: <span class="page-header__order-number_strong">143402004</span>
|
|
7
|
-
</p>
|
|
8
|
-
<p class="page-header__intro">We have emailed your order confirmation to michael.michael@gmail.com
|
|
9
|
-
with details of when your order will be delivered.
|
|
10
|
-
This email will also contain our contact details should you wish to get in touch with us.</p>
|
|
11
|
-
</div>
|
|
12
|
-
|
|
13
|
-
<div class="col-12">
|
|
14
|
-
<h3>Products delivered by Wickes</h3>
|
|
15
|
-
<p>The product listed below will be delivered to you by Wickes. The date, time slot and address for this delivery
|
|
16
|
-
are
|
|
17
|
-
listed below:</p>
|
|
18
|
-
</div>
|
|
19
|
-
{{/content}}
|
|
20
3
|
{{#content "main"}}
|
|
21
4
|
|
|
22
5
|
<div class="product-delivery-table">
|
|
23
|
-
<div class="product-delivery-table__delivery-info">
|
|
24
|
-
<div class="row">
|
|
25
|
-
<div class="product-delivery-table__date">
|
|
26
|
-
<h4>Delivery date</h4>
|
|
27
|
-
<div class="product-delivery-table__date-inner">
|
|
28
|
-
<div class="checkout-address-time__time-regular">MAR</div>
|
|
29
|
-
<div class="checkout-address-time__time-primary">15</div>
|
|
30
|
-
<div class="checkout-address-time__time-additional">8:00am - 6:00pm</div>
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
<div class="product-delivery-table__time">
|
|
34
|
-
<h4>Delivery time</h4>
|
|
35
|
-
<div class="product-delivery-table__content">
|
|
36
|
-
8:00am - 6:00pm
|
|
37
|
-
</div>
|
|
38
|
-
</div>
|
|
39
|
-
<div class="product-delivery-table__address">
|
|
40
|
-
<h4>Delivery address</h4>
|
|
41
|
-
<div class="product-delivery-table__content">
|
|
42
|
-
459 Acasia way<br/>
|
|
43
|
-
Wimbledon<br/>
|
|
44
|
-
London<br/>
|
|
45
|
-
S7 7ET
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
</div>
|
|
50
|
-
|
|
51
6
|
<div class="shopping-card-container">
|
|
52
7
|
{{#each page_confirmation.linesCollection}}
|
|
53
8
|
{{>order-line mod="order-line_shrink"}}
|
|
@@ -55,12 +10,6 @@ logout=true}}
|
|
|
55
10
|
</div>
|
|
56
11
|
</div>
|
|
57
12
|
|
|
58
|
-
<div class="col-12">
|
|
59
|
-
<h3>Supplier delivered products</h3>
|
|
60
|
-
<p>The following products will be delivered by our suppliers. They will be contacting you to arrange a delivery
|
|
61
|
-
date.</p>
|
|
62
|
-
</div>
|
|
63
|
-
|
|
64
13
|
<div class="product-delivery-table product-supplier-delivery">
|
|
65
14
|
<div class="shopping-card-container">
|
|
66
15
|
{{#each page_confirmation.linesCollection}}
|
|
@@ -90,13 +39,11 @@ logout=true}}
|
|
|
90
39
|
</div>
|
|
91
40
|
{{/each}}
|
|
92
41
|
</div>
|
|
93
|
-
<a href="./" class="btn btn-secondary checkout-continue-shopping">Return to shopping</a>
|
|
94
42
|
{{/content}}
|
|
95
43
|
{{#content "aside"}}
|
|
96
44
|
{{> checkout_order-summary label="Total: "}}
|
|
97
45
|
{{> checkout_payment-other-methods }}
|
|
98
46
|
{{> checkout_information }}
|
|
99
47
|
|
|
100
|
-
<a href="./" class="btn btn-secondary checkout-continue-shopping_mobile">Return to shopping</a>
|
|
101
48
|
{{/content}}
|
|
102
49
|
{{/extend}}
|
|
@@ -1,77 +1,8 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout-delivery-details page_checkout-delivery-details_asm" title="Checkout - Delivery address ASM" logout=true isAsideSticky="true"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="1" }}
|
|
4
|
-
{{/content}}
|
|
5
|
-
{{#content "main"}}
|
|
6
|
-
<div class="delivery-address">
|
|
7
|
-
<div data-addresses>
|
|
8
|
-
<div class="user-address js-selectable js-selectable_selected">
|
|
9
|
-
<div class="row">
|
|
10
|
-
<div class="user-address__content">
|
|
11
|
-
<div class="selected-address">
|
|
12
|
-
{{> radiobutton label="Use this delivery address" name="r1" id="r1" checked="true"}}
|
|
13
|
-
</div>
|
|
14
|
-
<div class="row">
|
|
15
|
-
<div class="user-address__address">
|
|
16
|
-
Mr John Smith <br>29 Acacia Road <br>London <br>N7 3BM <br>United Kingdom
|
|
17
|
-
</div>
|
|
18
|
-
<div class="user-address__phone">
|
|
19
|
-
07834 678 234
|
|
20
|
-
</div>
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
|
|
24
|
-
<div class="user-address__actions">
|
|
25
|
-
<button class="btn btn-secondary btn-remove-address">
|
|
26
|
-
<span class="btn__text">
|
|
27
|
-
<span class="fas fa-trash"></span>
|
|
28
|
-
Remove</span>
|
|
29
|
-
</button>
|
|
30
|
-
|
|
31
|
-
<a href class="btn btn-secondary" data-toggle="modal" data-target="#modalDeliveryEdit">
|
|
32
|
-
<span class="icon"><span class="fas fa-edit"></span></span>
|
|
33
|
-
<span class="btn__text">Edit</span>
|
|
34
|
-
</a>
|
|
35
2
|
|
|
36
|
-
<div class="default-mark-full">
|
|
37
|
-
Default
|
|
38
|
-
</div>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
|
|
43
|
-
</div>
|
|
44
|
-
<div data-new-address style="display: none;">
|
|
45
|
-
<div class="delivery-address__btn-back">
|
|
46
|
-
<a href="#" class="link-primary btn-back-to-addresses">Back to choose address</a>
|
|
47
|
-
</div>
|
|
48
|
-
<form class="form-wrapper delivery-address-form" id="form-checkout-your-details" data-action="./page_checkout_delivery-details.html">
|
|
49
|
-
<div class="delivery-address-form__inner">
|
|
50
|
-
{{> checkout_your-details uid="cyd1" address-list=true}}
|
|
51
|
-
<div class="form-row form-row__action">
|
|
52
|
-
<div class="form-row__col-btn">
|
|
53
|
-
<button class="btn btn-action btn_full">
|
|
54
|
-
<span class="btn__text">Delivery details</span>
|
|
55
|
-
</button>
|
|
56
|
-
</div>
|
|
57
|
-
</div>
|
|
58
|
-
</div>
|
|
59
|
-
</form>
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
62
|
-
<div>
|
|
63
|
-
<a href="#" class="btn-new-address">Add new address</a>
|
|
64
|
-
</div>
|
|
65
|
-
<a href="./page_checkout_delivery-details.html" class="btn_full btn btn-action checkout-widget__outer-button btn-delivery-details">Continue to delivery details
|
|
66
|
-
<span class="icon">
|
|
67
|
-
<i class="fas fa-arrow-right"></i>
|
|
68
|
-
</span>
|
|
69
|
-
</a>
|
|
70
|
-
{{/content}}
|
|
71
3
|
{{#content "aside"}}
|
|
72
4
|
{{> checkout_order-summary label="Subtotal: "}}
|
|
73
5
|
{{> email-widget }}
|
|
74
|
-
{{> checkout_voucher voucherApplied=true}}
|
|
75
6
|
{{/content}}
|
|
76
7
|
{{#content "foot" mode="append"}}
|
|
77
8
|
<script defer src="js/page/checkout-delivery-address.js"></script>
|
|
@@ -80,18 +11,6 @@
|
|
|
80
11
|
{{#content "sections"}}
|
|
81
12
|
|
|
82
13
|
{{#extend "modal-body-section" customSectionClass="edit-delivery-addr-guest__form"}}
|
|
83
|
-
{{#content "body"}}
|
|
84
|
-
<form class="form-wrapper" id="checkout-your-details-modal">
|
|
85
|
-
{{> checkout_your-details open-delivery-block="true" uid="cyd2"}}
|
|
86
|
-
<div class="form-row form-row__action">
|
|
87
|
-
<div class="form-row__col-btn">
|
|
88
|
-
<button class="btn btn-primary btn_full">
|
|
89
|
-
<span class="btn__text">Save address</span>
|
|
90
|
-
</button>
|
|
91
|
-
</div>
|
|
92
|
-
</div>
|
|
93
|
-
</form>
|
|
94
|
-
{{/content}}
|
|
95
14
|
{{/extend}}
|
|
96
15
|
|
|
97
16
|
{{/content}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Delivery details" isAsideSticky="true"}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="2" }}
|
|
3
|
+
{{> steps-three-steps active-step-index="2" }}
|
|
4
4
|
{{/content}}
|
|
5
5
|
|
|
6
6
|
{{#content "head" mode="append"}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Delivery details" isAsideSticky="true"}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="2" }}
|
|
3
|
+
{{> steps-three-steps active-step-index="2" }}
|
|
4
4
|
{{/content}}
|
|
5
5
|
|
|
6
6
|
{{#content "head" mode="append"}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#extend "checkout-new" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Delivery details" isAsideSticky="true"}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="2" }}
|
|
3
|
+
{{> steps-three-steps active-step-index="2" }}
|
|
4
4
|
{{/content}}
|
|
5
5
|
|
|
6
6
|
{{#content "head" mode="append"}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#extend "checkout-new" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Delivery details" isAsideSticky="true" clearPayIcon=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="2" }}
|
|
3
|
+
{{> steps-three-steps active-step-index="2" }}
|
|
4
4
|
{{/content}}
|
|
5
5
|
|
|
6
6
|
{{#content "head" mode="append"}}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Delivery details" isAsideSticky="true"}}
|
|
4
4
|
{{#content "steps"}}
|
|
5
|
-
{{> steps active-step-index="2" }}
|
|
5
|
+
{{> steps-three-steps active-step-index="2" }}
|
|
6
6
|
{{/content}}
|
|
7
7
|
|
|
8
8
|
{{#content "head" mode="append"}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout page_checkout-confirmation-new" title="Checkout - Delivery details Guest" isAsideSticky="true"}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="2" }}
|
|
3
|
+
{{> steps-three-steps active-step-index="2" }}
|
|
4
4
|
{{/content}}
|
|
5
5
|
|
|
6
6
|
{{#content "head" mode="append"}}
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout-payment-details page_checkout-payment-details_asm" 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
2
|
|
|
6
3
|
{{#content "main"}}
|
|
7
4
|
{{> checkout-payment-details }}
|
|
@@ -16,13 +13,9 @@
|
|
|
16
13
|
{{#content "aside"}}
|
|
17
14
|
{{> checkout_order-summary label="Total: "}}
|
|
18
15
|
{{> email-widget }}
|
|
19
|
-
{{> checkout_delivery }}
|
|
20
|
-
{{> checkout_supplier-delivery }}
|
|
21
|
-
{{> checkout_click-and-collect }}
|
|
22
16
|
{{/content}}
|
|
23
17
|
{{#content "foot" mode="append"}}
|
|
24
18
|
<script defer src="./js/page/checkout-payment-details.js"></script>
|
|
25
19
|
{{> checkout-terms-and-conditions-modal }}
|
|
26
|
-
{{> checkout-edit-billing-address-modal }}
|
|
27
20
|
{{/content}}
|
|
28
21
|
{{/extend}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="3" }}
|
|
3
|
+
{{> steps-three-steps active-step-index="3" }}
|
|
4
4
|
{{/content}}
|
|
5
5
|
|
|
6
6
|
{{#content "head" mode="append"}}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
<h3 class="delivery-block__heading">Delivery Information</h3>
|
|
21
21
|
<div class="delivery-block__wrapper">
|
|
22
22
|
{{#with checkoutOrder.deliveryPayments.[0]}}
|
|
23
|
-
<div class="checkout-order">
|
|
23
|
+
<div class="checkout-order">
|
|
24
24
|
{{> checkout-order-block}}
|
|
25
25
|
</div>
|
|
26
26
|
{{/with}}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
<h3 class="click-collect-block__heading">Click & Collect</h3>
|
|
32
32
|
<div class="click-collect-block__wrapper">
|
|
33
33
|
{{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
|
|
34
|
-
<div class="checkout-order">
|
|
34
|
+
<div class="checkout-order">
|
|
35
35
|
{{> checkout-order-block}}
|
|
36
36
|
</div>
|
|
37
37
|
{{/with}}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
{{/content}}
|
|
6
6
|
|
|
7
7
|
{{#content "steps"}}
|
|
8
|
-
{{> steps active-step-index="3" }}
|
|
8
|
+
{{> steps-three-steps active-step-index="3" }}
|
|
9
9
|
{{/content}}
|
|
10
10
|
|
|
11
11
|
{{#content "main"}}
|
|
@@ -20,9 +20,6 @@
|
|
|
20
20
|
{{/content}}
|
|
21
21
|
{{#content "aside"}}
|
|
22
22
|
{{> checkout_order-summary label="Total: "}}
|
|
23
|
-
{{> checkout_delivery }}
|
|
24
|
-
{{> checkout_supplier-delivery }}
|
|
25
|
-
{{> checkout_click-and-collect }}
|
|
26
23
|
{{/content}}
|
|
27
24
|
{{#content "foot" mode="append"}}
|
|
28
25
|
<script defer src="./js/page/checkout-payment-details.js"></script>
|
|
@@ -15,9 +15,6 @@
|
|
|
15
15
|
{{/content}}
|
|
16
16
|
{{#content "aside"}}
|
|
17
17
|
{{> checkout_order-summary label="Total: "}}
|
|
18
|
-
{{> checkout_delivery }}
|
|
19
|
-
{{> checkout_supplier-delivery }}
|
|
20
|
-
{{> checkout_click-and-collect }}
|
|
21
18
|
{{/content}}
|
|
22
19
|
{{#content "foot" mode="append"}}
|
|
23
20
|
{{> checkout-voucher-remove-modal
|
|
@@ -1,7 +1,4 @@
|
|
|
1
1
|
{{#extend "checkout" pageClass="page_checkout-payment-details_guest" title="Checkout - Payment Details - Guest" isAsideSticky="true"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="3" }}
|
|
4
|
-
{{/content}}
|
|
5
2
|
|
|
6
3
|
{{#content "main"}}
|
|
7
4
|
{{> checkout-payment-details_guest }}
|
|
@@ -15,9 +12,6 @@
|
|
|
15
12
|
{{/content}}
|
|
16
13
|
{{#content "aside"}}
|
|
17
14
|
{{> checkout_order-summary label="Total: "}}
|
|
18
|
-
{{> checkout_delivery }}
|
|
19
|
-
{{> checkout_supplier-delivery }}
|
|
20
|
-
{{> checkout_click-and-collect }}
|
|
21
15
|
{{/content}}
|
|
22
16
|
{{#content "foot" mode="append"}}
|
|
23
17
|
<script defer src="./js/page/checkout-payment-details.js"></script>
|
|
@@ -1,7 +1,4 @@
|
|
|
1
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
2
|
|
|
6
3
|
{{#content "main"}}
|
|
7
4
|
{{> checkout-payment-details }}
|
|
@@ -15,14 +12,10 @@
|
|
|
15
12
|
{{/content}}
|
|
16
13
|
{{#content "aside"}}
|
|
17
14
|
{{> checkout_order-summary label="Total: "}}
|
|
18
|
-
{{> checkout_delivery }}
|
|
19
|
-
{{> checkout_supplier-delivery }}
|
|
20
|
-
{{> checkout_click-and-collect }}
|
|
21
15
|
{{/content}}
|
|
22
16
|
{{#content "foot" mode="append"}}
|
|
23
17
|
<script defer src="./js/page/checkout-payment-details.js"></script>
|
|
24
18
|
{{> checkout-terms-and-conditions-modal }}
|
|
25
|
-
{{> checkout-edit-billing-address-modal }}
|
|
26
19
|
{{> payment-loader paypal-logo="true"}}
|
|
27
20
|
{{/content}}
|
|
28
21
|
{{/extend}}
|
|
@@ -1,18 +1,6 @@
|
|
|
1
1
|
{{#extend "instore-checkout" pageClass="in-store_order-summary-sub checkout-summary" title="In Store Checkout" logout=true isAsideSticky="true"}}
|
|
2
|
-
{{#content "head" mode="append"}}
|
|
3
|
-
<link type="text/css" rel="stylesheet" href="./css/pages/page_in-store_MVP_order-summary-submitted.css">
|
|
4
|
-
{{/content}}
|
|
5
|
-
{{#content "steps"}}
|
|
6
|
-
{{> steps active-step-index="3" }}
|
|
7
|
-
{{/content}}
|
|
8
2
|
|
|
9
3
|
{{#content "main"}}
|
|
10
|
-
<div class="page-header form-bg">
|
|
11
|
-
<h1 class="page-header__title">Please proceed to the till & make payment for your order</h1>
|
|
12
|
-
<p class="page-header__next-steps"><strong>Next steps:</strong> Once payment has been made, you will receive and itemised till receipt, and an order
|
|
13
|
-
confirmation email including the delivery information will be sent to <a href="#">example@gmail.com</a>
|
|
14
|
-
</p>
|
|
15
|
-
</div>
|
|
16
4
|
{{#extend "lines-group" name="Products delivered by Wickes" collapsed=true}}
|
|
17
5
|
{{#content "content"}}
|
|
18
6
|
{{#each page_shopping-cart.linesCollection}}
|
|
@@ -31,8 +19,4 @@
|
|
|
31
19
|
{{#content "aside"}}
|
|
32
20
|
{{> checkout_order-summary label="Subtotal: " submit=true }}
|
|
33
21
|
{{/content}}
|
|
34
|
-
{{#content "foot" mode="append"}}
|
|
35
|
-
{{> in-store-terms-and-conditions-modal}}
|
|
36
|
-
<script defer src="./js/page/instore-checkout.js"></script>
|
|
37
|
-
{{/content}}
|
|
38
22
|
{{/extend}}
|
|
@@ -15,9 +15,6 @@
|
|
|
15
15
|
{{/content}}
|
|
16
16
|
{{#content "aside"}}
|
|
17
17
|
{{> checkout_order-summary label="Total: "}}
|
|
18
|
-
{{> checkout_delivery }}
|
|
19
|
-
{{> checkout_supplier-delivery }}
|
|
20
|
-
{{> checkout_click-and-collect }}
|
|
21
18
|
{{/content}}
|
|
22
19
|
{{#content "foot" mode="append"}}
|
|
23
20
|
<script defer src="./js/page/checkout-payment-details.js"></script>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#extend "checkout-new" pageClass="new-checkout-login-secure" title="Checkout - Secure Login Wickes" fullWidth=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="0" }}
|
|
3
|
+
{{> steps-three-steps active-step-index="0" }}
|
|
4
4
|
{{/content}}
|
|
5
5
|
|
|
6
6
|
{{#content "main"}}
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
<div class="form-wrapper__block">
|
|
13
13
|
<form class="new-checkout-form">
|
|
14
14
|
<h3 class="new-checkout-form__header">Secure checkout?</h3>
|
|
15
|
-
|
|
15
|
+
|
|
16
16
|
<div class="new-checkout-form__info">
|
|
17
|
-
Enter your password to continue your session.
|
|
17
|
+
Enter your password to continue your session.
|
|
18
18
|
</div>
|
|
19
19
|
|
|
20
20
|
{{> form-row type="password" id="password" label="Password" required="true"}}
|
|
@@ -25,10 +25,10 @@
|
|
|
25
25
|
</div>
|
|
26
26
|
<a href="page_new-checkout_login-register.html" class="link-secondary">
|
|
27
27
|
Click here to sign in
|
|
28
|
-
</a>
|
|
28
|
+
</a>
|
|
29
29
|
</div>
|
|
30
30
|
|
|
31
|
-
|
|
31
|
+
|
|
32
32
|
<div class="new-checkout-form__submit-block">
|
|
33
33
|
<button class="btn btn-primary btn_full">
|
|
34
34
|
<span class="btn__text">
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
|
|
45
45
|
<a href="#" class="link-secondary forgot-link" data-toggle="modal" data-target="#modal-fogot-pass">
|
|
46
46
|
Forgotten password
|
|
47
|
-
</a>
|
|
47
|
+
</a>
|
|
48
48
|
</div>
|
|
49
49
|
|
|
50
50
|
<div class="btn-guest-checkout-back">
|
|
@@ -55,19 +55,18 @@
|
|
|
55
55
|
</span>
|
|
56
56
|
</a>
|
|
57
57
|
</div>
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
|
|
59
|
+
|
|
60
60
|
</form>
|
|
61
61
|
</div>
|
|
62
62
|
</div>
|
|
63
63
|
</div>
|
|
64
|
-
|
|
64
|
+
|
|
65
65
|
|
|
66
66
|
|
|
67
67
|
{{/content}}
|
|
68
68
|
|
|
69
69
|
{{#content "foot" mode="append"}}
|
|
70
|
-
<script defer src="./js/page/checkout-sign-in.js"></script>
|
|
71
70
|
|
|
72
71
|
{{#extend "modal" id="modal-fogot-pass" title="Forgotten password" fullWidth=true}}
|
|
73
72
|
{{#content "body"}}
|
|
@@ -96,7 +95,7 @@
|
|
|
96
95
|
<div class="modal-reset-block">
|
|
97
96
|
<div class="modal-reset-icon">
|
|
98
97
|
<div class="modal-reset-icon__wrap">
|
|
99
|
-
<i class="fas fa-check"></i>
|
|
98
|
+
<i class="fas fa-check"></i>
|
|
100
99
|
</div>
|
|
101
100
|
</div>
|
|
102
101
|
<div class="modal-reset-text">
|
|
@@ -72,7 +72,7 @@ switch-vat=true
|
|
|
72
72
|
data-complete-widget
|
|
73
73
|
data-mock-key="completeYourProject2Recomendations"
|
|
74
74
|
>
|
|
75
|
-
{{> bloomreach/complete-your-project
|
|
75
|
+
{{> bloomreach/complete-your-project titleWidget="Customers also bought"}}
|
|
76
76
|
</div>
|
|
77
77
|
{{> fulfilment-accordions }}
|
|
78
78
|
</div>
|
|
@@ -74,7 +74,7 @@ isWhyNotAdd=true
|
|
|
74
74
|
data-complete-widget
|
|
75
75
|
data-mock-key="completeYourProject3Recomendations"
|
|
76
76
|
>
|
|
77
|
-
{{> bloomreach/complete-your-project
|
|
77
|
+
{{> bloomreach/complete-your-project titleWidget="Customers also bought"}}
|
|
78
78
|
</div>
|
|
79
79
|
{{> fulfilment-accordions }}
|
|
80
80
|
</div>
|
|
@@ -3,23 +3,22 @@
|
|
|
3
3
|
|
|
4
4
|
{{#content "body"}}
|
|
5
5
|
<main class="container">
|
|
6
|
-
<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
<div class="store-locator-wrapper">
|
|
7
|
+
<div class="store-locator__content">
|
|
8
|
+
<h1>Store Locator</h1>
|
|
9
|
+
{{> find-a-store data-action="scroll-to-list"}}
|
|
10
|
+
</div>
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
<div class="row-holder">
|
|
13
|
+
<div class="map-container">
|
|
14
|
+
<div class="map store-locator-popup__map">
|
|
15
|
+
<div class="map__google-map" id="map" style="background: url('https://placehold.co/1200x700?text=Map') no-repeat center/cover"></div>
|
|
16
|
+
</div>
|
|
16
17
|
</div>
|
|
17
18
|
</div>
|
|
18
19
|
</div>
|
|
19
20
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
<div class="cards-store-holder">
|
|
21
|
+
<div class="cards-store-holder" id="stores-list">
|
|
23
22
|
<div class="cards-store-wrapper">
|
|
24
23
|
<div class="row" id="store-cards">
|
|
25
24
|
{{#each locators}}
|
|
@@ -42,4 +41,5 @@
|
|
|
42
41
|
</main>
|
|
43
42
|
{{/content}}
|
|
44
43
|
{{/extend}}
|
|
45
|
-
<script defer src="./js/store-locator
|
|
44
|
+
<script defer src="./js/store-locator.min.js"></script>
|
|
45
|
+
<script defer src="./js/store-locator-cards.min.js"></script>
|
|
@@ -2,18 +2,21 @@
|
|
|
2
2
|
{{#content "head" mode="append" pageStoreLocator="true"}}{{/content}}
|
|
3
3
|
{{#content "body"}}
|
|
4
4
|
<main class="container">
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
<div class="store-locator-wrapper">
|
|
6
|
+
<div class="store-locator__content">
|
|
7
|
+
<h1>Store Locator</h1>
|
|
8
|
+
{{> find-a-store data-action = "./page_store-locator-list.html?searched=true#stores-list"}}
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
<div class="row-holder">
|
|
12
|
+
<div class="map-container">
|
|
13
|
+
<div class="map store-locator-popup__map">
|
|
14
|
+
<div class="map__google-map" id="map" style="background: url('https://placehold.co/1200x700?text=Map') no-repeat center/cover"></div>
|
|
15
|
+
</div>
|
|
13
16
|
</div>
|
|
14
17
|
</div>
|
|
15
18
|
</div>
|
|
16
|
-
{{> find-a-store data-action = "./page_store-locator-list.html#stores-list"}}
|
|
17
19
|
</main>
|
|
18
20
|
{{/content}}
|
|
19
21
|
{{/extend}}
|
|
22
|
+
<script defer src="./js/store-locator.min.js"></script>
|