wickes-css2 2.93.0 → 2.94.0-develop.1
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/category-main.css +1 -1
- package/build/css/emulation.css +1 -1
- package/build/css/homepage-main.css +1 -1
- package/build/css/main.css +1 -1
- package/build/css/my-account-main-v2.css +1 -0
- 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/my-account-v2.css +1 -0
- package/build/css/pages/my-account.css +1 -1
- package/build/css/pages/page_checkout_delivery-new.css +1 -1
- package/build/css/pages/page_personal-details.css +1 -0
- 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/img/placeholders/discount-sm-15.jpg +0 -0
- package/build/img/placeholders/discount-sm.png +0 -0
- package/build/js/account-members.min.js +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 +74 -21
- package/build/js/merged-checkout.min.js +1 -1
- package/build/js/my-account.min.js +1 -0
- package/build/js/page/my-account.js +51 -0
- package/build/js/page/personal-details.js +217 -0
- package/build/js/personal-details.min.js +1 -0
- package/build/js/project-list.min.js +1 -1
- package/package.json +1 -1
- package/src/components/account-families/actions-bar.hbs +3 -0
- package/src/components/aside-nav2.hbs +1 -1
- package/src/components/banner-news.hbs +8 -0
- package/src/components/date-selection.hbs +46 -59
- package/src/components/delivery-types.hbs +18 -38
- package/src/components/my-account/active-orders/consignment-info.hbs +11 -0
- package/src/components/my-account/active-orders/header.hbs +4 -0
- package/src/components/my-account/active-orders/list-orders.hbs +9 -0
- package/src/components/my-account/active-orders/order-details.hbs +18 -0
- package/src/components/my-account/active-orders/order-header.hbs +7 -0
- package/src/components/my-account/active-orders/order.hbs +20 -0
- package/src/components/my-account/active-orders/shipment-detail.hbs +13 -0
- package/src/components/my-account/barcode.hbs +17 -0
- package/src/components/my-account/clipboard-code-card.hbs +16 -0
- package/src/components/my-account/contact-us.hbs +23 -0
- package/src/components/my-account/discount.hbs +11 -0
- package/src/components/my-account/greetings.hbs +7 -0
- package/src/components/my-account/leave-modal.hbs +13 -0
- package/src/components/my-account/menu-items.hbs +25 -0
- package/src/components/my-account/mobile-nav.hbs +46 -0
- package/src/components/my-account/personal-details-form.hbs +24 -0
- package/src/components/my-account/personal-details.hbs +14 -0
- package/src/components/my-account/user-account-actions.hbs +18 -0
- package/src/components/user-information-field.hbs +4 -0
- package/src/components.html +1 -0
- package/src/data/data_calendar.json +149 -0
- package/src/data/data_notification-page.json +4 -0
- package/src/data/my-account/data_my-account.json +469 -0
- package/src/data/my-account/data_personal-details.json +179 -0
- package/src/elements/dropdown.hbs +16 -5
- package/src/elements/form-row.hbs +1 -1
- package/src/img/placeholders/discount-sm-15.jpg +0 -0
- package/src/img/placeholders/discount-sm.png +0 -0
- package/src/js/components/date-selection.js +6 -20
- package/src/js/components/leave-event-v2.js +0 -0
- package/src/js/components/leave-event.js +10 -3
- package/src/js/emulation/date-selection.js +0 -21
- package/src/js/emulation/personal-details-local.js +73 -0
- package/src/js/page/my-account.js +51 -0
- package/src/js/page/personal-details.js +217 -0
- package/src/layouts/my-account-v2.hbs +27 -0
- package/src/layouts/my-account.hbs +1 -1
- package/src/page_checkout_delivery-details-v2-asm.html +3 -3
- 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 +2 -2
- package/src/page_checkout_delivery-details-v2-wisdom.html +2 -2
- 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_next-day-delivery-details.html +161 -0
- package/src/{page_checkout_delivery-details-v2.html → page_checkout_rapid-delivery-details.html} +14 -3
- package/src/page_discount_installer.html +7 -1
- package/src/page_marketing-preferences.html +7 -1
- package/src/page_my-account-installer.html +93 -0
- package/src/page_my-account-trade-pro.html +91 -0
- package/src/page_my-account.html +56 -59
- package/src/page_my-account_address-book.html +8 -2
- package/src/page_my-account_order-history.html +8 -3
- package/src/page_my-account_personal-details.html +7 -1
- package/src/page_personal-details-installer.html +52 -0
- package/src/page_personal-details.html +52 -0
- package/src/page_tradePro_discount.html +8 -2
- package/src/page_tradePro_rewards.html +7 -1
- package/src/partials/breadcrumbs.hbs +27 -8
- package/src/partials/head.hbs +5 -1
- package/src/partials/header.hbs +68 -49
- package/src/partials/main-nav.hbs +17 -9
- package/src/scss/components/_aside-nav2.scss +18 -0
- package/src/scss/components/_date-selection-add-new-styles.scss +78 -19
- package/src/scss/components/_date-selection.scss +30 -215
- package/src/scss/components/my-account/_consignment-info.scss +46 -0
- package/src/scss/components/my-account/_contacts.scss +116 -0
- package/src/scss/components/my-account/_menu.scss +215 -0
- package/src/scss/components/my-account/_mobile-nav.scss +130 -0
- package/src/scss/components/my-account/_order.scss +112 -0
- package/src/scss/components/my-account/_shipment.scss +92 -0
- package/src/scss/emulation.scss +0 -24
- package/src/scss/helpers/_variables.scss +3 -1
- package/src/scss/my-account-main-v2.scss +32 -0
- package/src/scss/pages/checkout-new.scss +51 -0
- package/src/scss/pages/my-account-v2.scss +570 -0
- package/src/scss/pages/my-account.scss +1 -0
- package/src/scss/pages/page_checkout_delivery-new.scss +2 -1
- package/src/scss/pages/page_paint-mixing-error.scss +1 -1
- package/src/scss/pages/page_personal-details.scss +249 -0
- package/src/scss/partials/_header.scss +30 -0
- package/src/scss/partials/_main-nav.scss +6 -2
- package/src/sitemap.html +44 -66
- package/src/components/calendar-time-table-v2.hbs +0 -3
- package/src/components/calendar-time-table.hbs +0 -3
- package/src/components/date-selection-v2.hbs +0 -106
- package/src/components/delivery-selection.hbs +0 -11
- package/src/components/delivery-types-v2.hbs +0 -17
- package/src/page_checkout_delivery-address.html +0 -70
- package/src/page_checkout_delivery-details-ASM.html +0 -251
- package/src/page_checkout_delivery-details-oos-partially.html +0 -215
- package/src/page_checkout_delivery-details-oos.html +0 -232
- package/src/page_checkout_delivery-details-with-loader.html +0 -220
- package/src/page_checkout_delivery-details.html +0 -221
- package/src/page_checkout_delivery-details_guest.html +0 -198
- package/src/page_tradePro_delivery-details.html +0 -243
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-details" title="Checkout - Delivery details" logout=true isAsideSticky="true"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="2" }}
|
|
4
|
-
|
|
5
|
-
<div class="checkout-heading">
|
|
6
|
-
<h3>Products delivered by Wickes</h3>
|
|
7
|
-
<div class="checkout-heading__info-block">
|
|
8
|
-
<div class="checkout-heading__descr">
|
|
9
|
-
<p class="checkout-heading__paragraph">
|
|
10
|
-
Please choose a date for delivery from the calendar below
|
|
11
|
-
</p>
|
|
12
|
-
</div>
|
|
13
|
-
<div class="checkout-heading__notify">
|
|
14
|
-
{{> notifications warning=true
|
|
15
|
-
classModifier="notification_warning"
|
|
16
|
-
text="We currently have no delivery slots available.
|
|
17
|
-
We release additional delivery slots every day, so please come back tomorrow to place your order."
|
|
18
|
-
}}
|
|
19
|
-
</div>
|
|
20
|
-
</div>
|
|
21
|
-
</div>
|
|
22
|
-
<div class="delivery-details-product-oos">
|
|
23
|
-
<div class="product-oos-inner">
|
|
24
|
-
<div class="row">
|
|
25
|
-
<div class="content">
|
|
26
|
-
{{#each page_shopping-cart.oosProductsNoPrice}}
|
|
27
|
-
{{>order-line mod="order-line_shrink"}}
|
|
28
|
-
{{/each}}
|
|
29
|
-
</div>
|
|
30
|
-
<aside class="right-aside">
|
|
31
|
-
<button class="btn btn-primary btn_full btn-notify">
|
|
32
|
-
<span class="btn__text">Notify me</span>
|
|
33
|
-
</button>
|
|
34
|
-
<button class="btn btn-primary">
|
|
35
|
-
<span class="btn__text">Remove</span>
|
|
36
|
-
</button>
|
|
37
|
-
</aside>
|
|
38
|
-
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
|
|
43
|
-
{{/content}}
|
|
44
|
-
{{#content "main"}}
|
|
45
|
-
<div class="component component-date-selection">
|
|
46
|
-
{{> date-selection}}
|
|
47
|
-
</div>
|
|
48
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue to payment details
|
|
49
|
-
<span class="icon">
|
|
50
|
-
<i class="fas fa-arrow-right"></i>
|
|
51
|
-
</span>
|
|
52
|
-
</a>
|
|
53
|
-
{{> checkout_delivery modal="modal-edit-delivery-address" }}
|
|
54
|
-
{{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=false}}
|
|
55
|
-
{{#content "content"}}
|
|
56
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
57
|
-
{{>order-line mod="order-line_shrink"}}
|
|
58
|
-
{{/each}}
|
|
59
|
-
{{/content}}
|
|
60
|
-
{{/extend}}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
<div class="delivery-details-option">
|
|
64
|
-
{{>checkout-supply-info checkout-components.supply-info.[0]}}
|
|
65
|
-
</div>
|
|
66
|
-
{{#extend "lines-group" name="Products delivered by our supplier" id=136589004 collapsed=false}}
|
|
67
|
-
{{#content "content"}}
|
|
68
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
69
|
-
{{>order-line mod="order-line_shrink"}}
|
|
70
|
-
{{/each}}
|
|
71
|
-
{{/content}}
|
|
72
|
-
{{/extend}}
|
|
73
|
-
|
|
74
|
-
<div class="delivery-details-option__contact-details">
|
|
75
|
-
{{>checkout-supply-info checkout-components.supply-info.[1]}}
|
|
76
|
-
<form class="form-wrapper your-contact-details form-bg">
|
|
77
|
-
<div class="your-contact-details__row">
|
|
78
|
-
<div class="your-contact-details__descr">
|
|
79
|
-
<h3>Your contact details</h3>
|
|
80
|
-
<p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
|
|
81
|
-
<div class="warning-required">
|
|
82
|
-
Required fields
|
|
83
|
-
</div>
|
|
84
|
-
{{> form-row type="tel" id="mobile" label="Mobile phone" required="true"}}
|
|
85
|
-
{{> form-row type="tel" id="home-phone" label="Home phone" row-mod="row-tel"}}
|
|
86
|
-
<h3>Simplify your collection</h3>
|
|
87
|
-
<p>All the Click & Collect items in your order are currently available at the following stores.
|
|
88
|
-
Select
|
|
89
|
-
one of the store to collect all your items from the same location.
|
|
90
|
-
</p>
|
|
91
|
-
<div class="your-contact-details__checkbox-wrap">
|
|
92
|
-
<div class="your-contact-details__checkbox">
|
|
93
|
-
{{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
|
|
94
|
-
{{#content "html"}}
|
|
95
|
-
<span class="distance">6.2 Miles</span>
|
|
96
|
-
<div class="store-address">
|
|
97
|
-
<div class="store-address__street">Wickes Larch Street,</div>
|
|
98
|
-
<div class="store-address__town">Oldham</div>
|
|
99
|
-
<div class="store-address__city">Greater Manchester,</div>
|
|
100
|
-
<div class="store-address__postcode">OL8 1TA</div>
|
|
101
|
-
<div class="store-address__country">United Kingdom</div>
|
|
102
|
-
</div>
|
|
103
|
-
{{/content}}
|
|
104
|
-
{{/extend}}
|
|
105
|
-
</div>
|
|
106
|
-
<div class="your-contact-details__checkbox">
|
|
107
|
-
{{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
|
|
108
|
-
{{#content "html"}}
|
|
109
|
-
<span class="distance">4.9 Miles</span>
|
|
110
|
-
<div class="store-address">
|
|
111
|
-
<div class="store-address__street">Wickes Wynne Avenue,</div>
|
|
112
|
-
<div class="store-address__town"> Clifton, Swinton</div>
|
|
113
|
-
<div class="store-address__city">Greater Manchester,</div>
|
|
114
|
-
<div class="store-address__postcode">M27 8FU</div>
|
|
115
|
-
<div class="store-address__country">United Kingdom</div>
|
|
116
|
-
</div>
|
|
117
|
-
{{/content}}
|
|
118
|
-
{{/extend}}
|
|
119
|
-
</div>
|
|
120
|
-
</div>
|
|
121
|
-
<p class="order-update">I would like to update my order to collect all my items from one store.</p>
|
|
122
|
-
</div>
|
|
123
|
-
</div>
|
|
124
|
-
<div class="form-row form-row__action">
|
|
125
|
-
<div class="form-row__col-btn">
|
|
126
|
-
<button class="btn btn-primary">
|
|
127
|
-
<span class="btn__text">Simplify collection</span>
|
|
128
|
-
</button>
|
|
129
|
-
</div>
|
|
130
|
-
</div>
|
|
131
|
-
</form>
|
|
132
|
-
</div>
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
<div class="delivery-details-option delivery-details-option_time-slot">
|
|
136
|
-
<h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
|
|
137
|
-
<div class="delivery-details-option__delivery-info">
|
|
138
|
-
<div class="delivery-details-option__delivery-info-left">
|
|
139
|
-
{{>checkout-address-time time=true within=true}}
|
|
140
|
-
</div>
|
|
141
|
-
<div class="delivery-details-option__delivery-info-right">
|
|
142
|
-
{{>schedule}}
|
|
143
|
-
</div>
|
|
144
|
-
</div>
|
|
145
|
-
</div>
|
|
146
|
-
|
|
147
|
-
{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=132589405 collapsed=false}}
|
|
148
|
-
{{#content "content"}}
|
|
149
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
150
|
-
{{>order-line mod="order-line_shrink"}}
|
|
151
|
-
{{/each}}
|
|
152
|
-
{{/content}}
|
|
153
|
-
{{/extend}}
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
<div class="delivery-details-option delivery-details-option_time-slot">
|
|
157
|
-
<h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
|
|
158
|
-
<div class="delivery-details-option__delivery-info">
|
|
159
|
-
<div class="delivery-details-option__delivery-info-left">
|
|
160
|
-
{{>checkout-address-time time=true within=true}}
|
|
161
|
-
</div>
|
|
162
|
-
<div class="delivery-details-option__delivery-info-right">
|
|
163
|
-
{{>schedule}}
|
|
164
|
-
</div>
|
|
165
|
-
</div>
|
|
166
|
-
</div>
|
|
167
|
-
|
|
168
|
-
{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136539006 collapsed=false}}
|
|
169
|
-
{{#content "content"}}
|
|
170
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
171
|
-
{{>order-line mod="order-line_shrink"}}
|
|
172
|
-
{{/each}}
|
|
173
|
-
{{/content}}
|
|
174
|
-
{{/extend}}
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details">Continue to payment
|
|
178
|
-
details
|
|
179
|
-
<span class="icon">
|
|
180
|
-
<i class="fas fa-arrow-right"></i>
|
|
181
|
-
</span>
|
|
182
|
-
</a>
|
|
183
|
-
|
|
184
|
-
{{/content}}
|
|
185
|
-
{{#content "aside"}}
|
|
186
|
-
{{> checkout_order-summary label="Subtotal: " action='./page_checkout_payment-details.html'}}
|
|
187
|
-
{{> checkout_voucher }}
|
|
188
|
-
{{> checkout_delivery modal="modal-edit-delivery-address" }}
|
|
189
|
-
{{> checkout_supplier-delivery edit="true" }}
|
|
190
|
-
{{> checkout_click-and-collect invisibleForMobile="true" }}
|
|
191
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue to payment
|
|
192
|
-
details
|
|
193
|
-
<span class="icon">
|
|
194
|
-
<i class="fas fa-arrow-right"></i>
|
|
195
|
-
</span>
|
|
196
|
-
</a>
|
|
197
|
-
{{/content}}
|
|
198
|
-
{{#content "foot" mode="append"}}
|
|
199
|
-
<script defer src="js/page/checkout-edit-address.js"></script>
|
|
200
|
-
|
|
201
|
-
{{#extend "modal" classMod="edit-delivery-address" id="modal-edit-delivery-address" title="Edit delivery address" fullWidth=true}}
|
|
202
|
-
{{#content "body"}}
|
|
203
|
-
<div class="component">
|
|
204
|
-
{{> notifications
|
|
205
|
-
classModifier="notification_warning"
|
|
206
|
-
text="<strong>Please note:</strong> Changing your delivery address may impact our ability
|
|
207
|
-
to deliver your order on the date you have selected.<br/>
|
|
208
|
-
You may have to re-select your delivery date and slot after changing your delivery address."
|
|
209
|
-
warning=true
|
|
210
|
-
}}
|
|
211
|
-
</div>
|
|
212
|
-
{{> user-address-simplified modal="true" editUrl="page_checkout_delivery-address.html" radioName="checkout-edit-delivery-details" mod="js-selectable"}}
|
|
213
|
-
<div class="edit-delivery-address__actions row">
|
|
214
|
-
<div class="edit-delivery-address__add-btn">
|
|
215
|
-
<a href="page_checkout_delivery-address.html" class="btn btn-secondary">
|
|
216
|
-
<span class="btn__text">Add new address</span>
|
|
217
|
-
</a>
|
|
218
|
-
</div>
|
|
219
|
-
<div class="edit-delivery-address__delivery-btn">
|
|
220
|
-
<button class="btn btn-action">
|
|
221
|
-
<span class="btn__text">Continue to delivery details
|
|
222
|
-
<span class="icon">
|
|
223
|
-
<i class="fas fa-arrow-right"></i>
|
|
224
|
-
</span>
|
|
225
|
-
</span>
|
|
226
|
-
</button>
|
|
227
|
-
</div>
|
|
228
|
-
</div>
|
|
229
|
-
{{/content}}
|
|
230
|
-
{{/extend}}
|
|
231
|
-
{{/content}}
|
|
232
|
-
{{/extend}}
|
|
@@ -1,220 +0,0 @@
|
|
|
1
|
-
{{> checkout-loader-modal}}
|
|
2
|
-
|
|
3
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-details" logout=true isAsideSticky="true"}}
|
|
4
|
-
{{#content "steps"}}
|
|
5
|
-
{{> steps active-step-index="2" }}
|
|
6
|
-
<div class="checkout-heading">
|
|
7
|
-
<h3>Products delivered by Wickes</h3>
|
|
8
|
-
</div>
|
|
9
|
-
{{/content}}
|
|
10
|
-
{{#content "main"}}
|
|
11
|
-
|
|
12
|
-
<div class="component component-date-selection">
|
|
13
|
-
{{> date-selection}}
|
|
14
|
-
</div>
|
|
15
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile" id="1">Continue to payment details
|
|
16
|
-
<span class="icon">
|
|
17
|
-
<i class="fas fa-arrow-right"></i>
|
|
18
|
-
</span>
|
|
19
|
-
</a>
|
|
20
|
-
{{> checkout_delivery modal="modal-edit-delivery-address" }}
|
|
21
|
-
{{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=false}}
|
|
22
|
-
{{#content "content"}}
|
|
23
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
24
|
-
{{>order-line mod="order-line_shrink" calculator-notification=true}}
|
|
25
|
-
{{/each}}
|
|
26
|
-
{{/content}}
|
|
27
|
-
{{/extend}}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
<div class="delivery-details-option">
|
|
31
|
-
{{>checkout-supply-info checkout-components.supply-info.[0]}}
|
|
32
|
-
</div>
|
|
33
|
-
|
|
34
|
-
{{#extend "lines-group" name="Products delivered by our supplier expected within 7 working days" id=136589004 collapsed=false}}
|
|
35
|
-
{{#content "content"}}
|
|
36
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
37
|
-
{{>order-line mod="order-line_shrink"}}
|
|
38
|
-
{{/each}}
|
|
39
|
-
{{/content}}
|
|
40
|
-
{{/extend}}
|
|
41
|
-
|
|
42
|
-
{{#extend "lines-group" name="Products delivered by our supplier expected within 14 working days" id=136589005 collapsed=false}}
|
|
43
|
-
{{#content "content"}}
|
|
44
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
45
|
-
{{>order-line mod="order-line_shrink"}}
|
|
46
|
-
{{/each}}
|
|
47
|
-
{{/content}}
|
|
48
|
-
{{/extend}}
|
|
49
|
-
|
|
50
|
-
{{#extend "lines-group" name="Products delivered by our supplier expected within 21 working days" id=136589006 collapsed=false}}
|
|
51
|
-
{{#content "content"}}
|
|
52
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
53
|
-
{{>order-line mod="order-line_shrink"}}
|
|
54
|
-
{{/each}}
|
|
55
|
-
{{/content}}
|
|
56
|
-
{{/extend}}
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
<div class="delivery-details-option__contact-details">
|
|
61
|
-
{{>checkout-supply-info checkout-components.supply-info.[1]}}
|
|
62
|
-
<form class="form-wrapper your-contact-details form-bg">
|
|
63
|
-
<div class="your-contact-details__row">
|
|
64
|
-
<div class="your-contact-details__descr">
|
|
65
|
-
<h3>Your contact details</h3>
|
|
66
|
-
<p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
|
|
67
|
-
<div class="warning-required">
|
|
68
|
-
Required fields
|
|
69
|
-
</div>
|
|
70
|
-
{{> form-row type="tel" id="mobile" label="Mobile phone" required="true"}}
|
|
71
|
-
{{> form-row type="tel" id="home-phone" label="Home phone" row-mod="row-tel"}}
|
|
72
|
-
<h3>Simplify your collection</h3>
|
|
73
|
-
<p>All the Click & Collect items in your order are currently available at the following stores. Select
|
|
74
|
-
one of the store to collect all your items from the same location.
|
|
75
|
-
</p>
|
|
76
|
-
<div class="your-contact-details__checkbox-wrap">
|
|
77
|
-
<div class="your-contact-details__checkbox">
|
|
78
|
-
{{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
|
|
79
|
-
{{#content "html"}}
|
|
80
|
-
<span class="distance">6.2 Miles</span>
|
|
81
|
-
<div class="store-address">
|
|
82
|
-
<div class="store-address__street">Wickes Larch Street,</div>
|
|
83
|
-
<div class="store-address__town">Oldham</div>
|
|
84
|
-
<div class="store-address__city">Greater Manchester,</div>
|
|
85
|
-
<div class="store-address__postcode">OL8 1TA</div>
|
|
86
|
-
<div class="store-address__country">United Kingdom</div>
|
|
87
|
-
</div>
|
|
88
|
-
{{/content}}
|
|
89
|
-
{{/extend}}
|
|
90
|
-
</div>
|
|
91
|
-
<div class="your-contact-details__checkbox">
|
|
92
|
-
{{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
|
|
93
|
-
{{#content "html"}}
|
|
94
|
-
<span class="distance">4.9 Miles</span>
|
|
95
|
-
<div class="store-address">
|
|
96
|
-
<div class="store-address__street">Wickes Wynne Avenue,</div>
|
|
97
|
-
<div class="store-address__town"> Clifton, Swinton</div>
|
|
98
|
-
<div class="store-address__city">Greater Manchester,</div>
|
|
99
|
-
<div class="store-address__postcode">M27 8FU</div>
|
|
100
|
-
<div class="store-address__country">United Kingdom</div>
|
|
101
|
-
</div>
|
|
102
|
-
{{/content}}
|
|
103
|
-
{{/extend}}
|
|
104
|
-
</div>
|
|
105
|
-
</div>
|
|
106
|
-
<p class="order-update">I would like to update my order to collect all my items from one store.</p>
|
|
107
|
-
</div>
|
|
108
|
-
</div>
|
|
109
|
-
<div class="form-row form-row__action">
|
|
110
|
-
<div class="form-row__col-btn">
|
|
111
|
-
<button class="btn btn-primary">
|
|
112
|
-
<span class="btn__text">Simplify collection</span>
|
|
113
|
-
</button>
|
|
114
|
-
</div>
|
|
115
|
-
</div>
|
|
116
|
-
</form>
|
|
117
|
-
</div>
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
<div class="delivery-details-option delivery-details-option_time-slot">
|
|
122
|
-
<h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
|
|
123
|
-
<div class="delivery-details-option__delivery-info">
|
|
124
|
-
<div class="delivery-details-option__delivery-info-left">
|
|
125
|
-
{{>checkout-address-time time=true within=true}}
|
|
126
|
-
</div>
|
|
127
|
-
<div class="delivery-details-option__delivery-info-right">
|
|
128
|
-
{{>schedule}}
|
|
129
|
-
</div>
|
|
130
|
-
</div>
|
|
131
|
-
</div>
|
|
132
|
-
|
|
133
|
-
{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=132583005 collapsed=false}}
|
|
134
|
-
{{#content "content"}}
|
|
135
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
136
|
-
{{>order-line mod="order-line_shrink"}}
|
|
137
|
-
{{/each}}
|
|
138
|
-
{{/content}}
|
|
139
|
-
{{/extend}}
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
<div class="delivery-details-option delivery-details-option_time-slot">
|
|
144
|
-
<h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
|
|
145
|
-
<div class="delivery-details-option__delivery-info">
|
|
146
|
-
<div class="delivery-details-option__delivery-info-left">
|
|
147
|
-
{{>checkout-address-time time=true within=true}}
|
|
148
|
-
</div>
|
|
149
|
-
<div class="delivery-details-option__delivery-info-right">
|
|
150
|
-
{{>schedule}}
|
|
151
|
-
</div>
|
|
152
|
-
</div>
|
|
153
|
-
</div>
|
|
154
|
-
|
|
155
|
-
{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136589506 collapsed=false}}
|
|
156
|
-
{{#content "content"}}
|
|
157
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
158
|
-
{{>order-line mod="order-line_shrink"}}
|
|
159
|
-
{{/each}}
|
|
160
|
-
{{/content}}
|
|
161
|
-
{{/extend}}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details" id="2">
|
|
165
|
-
Continue to payment details
|
|
166
|
-
<span class="icon">
|
|
167
|
-
<i class="fas fa-arrow-right"></i>
|
|
168
|
-
</span>
|
|
169
|
-
</a>
|
|
170
|
-
|
|
171
|
-
{{/content}}
|
|
172
|
-
{{#content "aside"}}
|
|
173
|
-
{{> checkout_order-summary label="Subtotal: " action='./page_checkout_payment-details.html'}}
|
|
174
|
-
{{> checkout_voucher }}
|
|
175
|
-
{{> checkout_delivery modal="modal-edit-delivery-address" }}
|
|
176
|
-
{{> checkout_supplier-delivery edit="true" }}
|
|
177
|
-
{{> checkout_click-and-collect invisibleForMobile="true" }}
|
|
178
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile" id="3">Continue to payment details
|
|
179
|
-
<span class="icon">
|
|
180
|
-
<i class="fas fa-arrow-right"></i>
|
|
181
|
-
</span>
|
|
182
|
-
</a>
|
|
183
|
-
{{/content}}
|
|
184
|
-
{{#content "foot" mode="append"}}
|
|
185
|
-
<script defer src="js/page/checkout-edit-address.js"></script>
|
|
186
|
-
|
|
187
|
-
{{#extend "modal" classMod="edit-delivery-address" id="modal-edit-delivery-address" title="Edit delivery address" fullWidth=true}}
|
|
188
|
-
{{#content "body"}}
|
|
189
|
-
<div class="component">
|
|
190
|
-
{{> notifications
|
|
191
|
-
classModifier="notification_warning"
|
|
192
|
-
text="<strong>Please note:</strong> Changing your delivery address may impact our ability
|
|
193
|
-
to deliver your order on the date you have selected.<br />
|
|
194
|
-
You may have to re-select your delivery date and slot after changing your delivery address."
|
|
195
|
-
warning=true
|
|
196
|
-
}}
|
|
197
|
-
</div>
|
|
198
|
-
{{> user-address-simplified modal="true" editUrl="page_checkout_delivery-address.html" radioName="checkout-edit-delivery-details" mod="js-selectable"}}
|
|
199
|
-
<div class="edit-delivery-address__actions row">
|
|
200
|
-
<div class="edit-delivery-address__add-btn">
|
|
201
|
-
<a href="page_checkout_delivery-address.html" class="btn btn-secondary">
|
|
202
|
-
<span class="btn__text">Add new address</span>
|
|
203
|
-
</a>
|
|
204
|
-
</div>
|
|
205
|
-
<div class="edit-delivery-address__delivery-btn">
|
|
206
|
-
<button class="btn btn-action" id="4">
|
|
207
|
-
<span class="btn__text">Continue to delivery details</span>
|
|
208
|
-
<span class="icon">
|
|
209
|
-
<i class="fas fa-arrow-right"></i>
|
|
210
|
-
</span>
|
|
211
|
-
</button>
|
|
212
|
-
</div>
|
|
213
|
-
</div>
|
|
214
|
-
{{/content}}
|
|
215
|
-
{{/extend}}
|
|
216
|
-
|
|
217
|
-
{{/content}}
|
|
218
|
-
{{/extend}}
|
|
219
|
-
|
|
220
|
-
<script src="./js/page/checkout-delivery-details-loader.js"></script>
|
|
@@ -1,221 +0,0 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-details" title="Checkout - Delivery details" logout=true isAsideSticky="true"}}
|
|
2
|
-
{{#content "steps"}}
|
|
3
|
-
{{> steps active-step-index="2" }}
|
|
4
|
-
<div class="checkout-heading">
|
|
5
|
-
<h3>Products delivered by Wickes</h3>
|
|
6
|
-
<div class="checkout-heading__info-block">
|
|
7
|
-
<div class="checkout-heading__descr">
|
|
8
|
-
<p class="checkout-heading__paragraph">
|
|
9
|
-
Please choose a date for delivery from the calendar below
|
|
10
|
-
</p>
|
|
11
|
-
</div>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
{{/content}}
|
|
15
|
-
{{#content "main"}}
|
|
16
|
-
<div class="component component-date-selection">
|
|
17
|
-
{{> date-selection}}
|
|
18
|
-
</div>
|
|
19
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue
|
|
20
|
-
to payment details
|
|
21
|
-
<span class="icon">
|
|
22
|
-
<i class="fas fa-arrow-right"></i>
|
|
23
|
-
</span>
|
|
24
|
-
</a>
|
|
25
|
-
{{> checkout_delivery modal="modal-edit-delivery-address" }}
|
|
26
|
-
{{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=false}}
|
|
27
|
-
{{#content "content"}}
|
|
28
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
29
|
-
{{>order-line mod="order-line_shrink" calculator-notification=true}}
|
|
30
|
-
{{/each}}
|
|
31
|
-
{{/content}}
|
|
32
|
-
{{/extend}}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
<div class="delivery-details-option">
|
|
36
|
-
{{>checkout-supply-info checkout-components.supply-info.[0]}}
|
|
37
|
-
</div>
|
|
38
|
-
|
|
39
|
-
{{#extend "lines-group" name="Products delivered by our supplier expected within 7 working days" id=136589004 collapsed=false}}
|
|
40
|
-
{{#content "content"}}
|
|
41
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
42
|
-
{{>order-line mod="order-line_shrink"}}
|
|
43
|
-
{{/each}}
|
|
44
|
-
{{/content}}
|
|
45
|
-
{{/extend}}
|
|
46
|
-
|
|
47
|
-
{{#extend "lines-group" name="Products delivered by our supplier expected within 14 working days" id=136589005 collapsed=false}}
|
|
48
|
-
{{#content "content"}}
|
|
49
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
50
|
-
{{>order-line mod="order-line_shrink"}}
|
|
51
|
-
{{/each}}
|
|
52
|
-
{{/content}}
|
|
53
|
-
{{/extend}}
|
|
54
|
-
|
|
55
|
-
{{#extend "lines-group" name="Products delivered by our supplier expected within 21 working days" id=136589006 collapsed=false}}
|
|
56
|
-
{{#content "content"}}
|
|
57
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
58
|
-
{{>order-line mod="order-line_shrink"}}
|
|
59
|
-
{{/each}}
|
|
60
|
-
{{/content}}
|
|
61
|
-
{{/extend}}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
<div class="delivery-details-option__contact-details">
|
|
65
|
-
{{>checkout-supply-info checkout-components.supply-info.[1]}}
|
|
66
|
-
<form class="form-wrapper your-contact-details form-bg">
|
|
67
|
-
<div class="your-contact-details__row">
|
|
68
|
-
<div class="your-contact-details__descr">
|
|
69
|
-
<h3>Your contact details</h3>
|
|
70
|
-
<p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
|
|
71
|
-
<div class="warning-required">
|
|
72
|
-
Required fields
|
|
73
|
-
</div>
|
|
74
|
-
{{> form-row type="tel" id="mobile" label="Mobile phone" required="true"}}
|
|
75
|
-
{{> form-row type="tel" id="home-phone" label="Home phone" row-mod="row-tel"}}
|
|
76
|
-
<h3>Simplify your collection</h3>
|
|
77
|
-
<p>All the Click & Collect items in your order are currently available at the following stores. Select
|
|
78
|
-
one of the store to collect all your items from the same location.
|
|
79
|
-
</p>
|
|
80
|
-
<div class="your-contact-details__checkbox-wrap">
|
|
81
|
-
<div class="your-contact-details__checkbox">
|
|
82
|
-
{{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
|
|
83
|
-
{{#content "html"}}
|
|
84
|
-
<span class="distance">6.2 Miles</span>
|
|
85
|
-
<div class="store-address">
|
|
86
|
-
<div class="store-address__street">Wickes Larch Street,</div>
|
|
87
|
-
<div class="store-address__town">Oldham</div>
|
|
88
|
-
<div class="store-address__city">Greater Manchester,</div>
|
|
89
|
-
<div class="store-address__postcode">OL8 1TA</div>
|
|
90
|
-
<div class="store-address__country">United Kingdom</div>
|
|
91
|
-
</div>
|
|
92
|
-
{{/content}}
|
|
93
|
-
{{/extend}}
|
|
94
|
-
</div>
|
|
95
|
-
<div class="your-contact-details__checkbox">
|
|
96
|
-
{{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
|
|
97
|
-
{{#content "html"}}
|
|
98
|
-
<span class="distance">4.9 Miles</span>
|
|
99
|
-
<div class="store-address">
|
|
100
|
-
<div class="store-address__street">Wickes Wynne Avenue,</div>
|
|
101
|
-
<div class="store-address__town"> Clifton, Swinton</div>
|
|
102
|
-
<div class="store-address__city">Greater Manchester,</div>
|
|
103
|
-
<div class="store-address__postcode">M27 8FU</div>
|
|
104
|
-
<div class="store-address__country">United Kingdom</div>
|
|
105
|
-
</div>
|
|
106
|
-
{{/content}}
|
|
107
|
-
{{/extend}}
|
|
108
|
-
</div>
|
|
109
|
-
</div>
|
|
110
|
-
<p class="order-update">I would like to update my order to collect all my items from one store.</p>
|
|
111
|
-
</div>
|
|
112
|
-
</div>
|
|
113
|
-
<div class="form-row form-row__action">
|
|
114
|
-
<div class="form-row__col-btn">
|
|
115
|
-
<button class="btn btn-primary">
|
|
116
|
-
<span class="btn__text">Simplify collection</span>
|
|
117
|
-
</button>
|
|
118
|
-
</div>
|
|
119
|
-
</div>
|
|
120
|
-
</form>
|
|
121
|
-
</div>
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
<div class="delivery-details-option delivery-details-option_time-slot">
|
|
125
|
-
<h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
|
|
126
|
-
<div class="delivery-details-option__delivery-info">
|
|
127
|
-
<div class="delivery-details-option__delivery-info-left">
|
|
128
|
-
{{>checkout-address-time time=true within=true}}
|
|
129
|
-
</div>
|
|
130
|
-
<div class="delivery-details-option__delivery-info-right">
|
|
131
|
-
{{>schedule}}
|
|
132
|
-
</div>
|
|
133
|
-
</div>
|
|
134
|
-
</div>
|
|
135
|
-
|
|
136
|
-
{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=132583005 collapsed=false}}
|
|
137
|
-
{{#content "content"}}
|
|
138
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
139
|
-
{{>order-line mod="order-line_shrink"}}
|
|
140
|
-
{{/each}}
|
|
141
|
-
{{/content}}
|
|
142
|
-
{{/extend}}
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
<div class="delivery-details-option delivery-details-option_time-slot">
|
|
146
|
-
<h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
|
|
147
|
-
<div class="delivery-details-option__delivery-info">
|
|
148
|
-
<div class="delivery-details-option__delivery-info-left">
|
|
149
|
-
{{>checkout-address-time time=true within=true}}
|
|
150
|
-
</div>
|
|
151
|
-
<div class="delivery-details-option__delivery-info-right">
|
|
152
|
-
{{>schedule}}
|
|
153
|
-
</div>
|
|
154
|
-
</div>
|
|
155
|
-
</div>
|
|
156
|
-
|
|
157
|
-
{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136589506 collapsed=false}}
|
|
158
|
-
{{#content "content"}}
|
|
159
|
-
{{#each page_shopping-cart.linesCollection}}
|
|
160
|
-
{{>order-line mod="order-line_shrink"}}
|
|
161
|
-
{{/each}}
|
|
162
|
-
{{/content}}
|
|
163
|
-
{{/extend}}
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details">Continue to
|
|
167
|
-
payment details
|
|
168
|
-
<span class="icon">
|
|
169
|
-
<i class="fas fa-arrow-right"></i>
|
|
170
|
-
</span>
|
|
171
|
-
</a>
|
|
172
|
-
|
|
173
|
-
{{/content}}
|
|
174
|
-
{{#content "aside"}}
|
|
175
|
-
{{> checkout_order-summary label="Subtotal: " action='./page_checkout_payment-details.html'}}
|
|
176
|
-
{{> checkout_voucher }}
|
|
177
|
-
{{> checkout_delivery modal="modal-edit-delivery-address" }}
|
|
178
|
-
{{> checkout_supplier-delivery edit="true" }}
|
|
179
|
-
{{> checkout_click-and-collect invisibleForMobile="true" }}
|
|
180
|
-
<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue
|
|
181
|
-
to payment details
|
|
182
|
-
<span class="icon">
|
|
183
|
-
<i class="fas fa-arrow-right"></i>
|
|
184
|
-
</span>
|
|
185
|
-
</a>
|
|
186
|
-
{{/content}}
|
|
187
|
-
{{#content "foot" mode="append"}}
|
|
188
|
-
<script defer src="js/page/checkout-edit-address.js"></script>
|
|
189
|
-
|
|
190
|
-
{{#extend "modal" classMod="edit-delivery-address" id="modal-edit-delivery-address" title="Edit delivery address" fullWidth=true}}
|
|
191
|
-
{{#content "body"}}
|
|
192
|
-
<div class="component">
|
|
193
|
-
{{> notifications
|
|
194
|
-
classModifier="notification_warning"
|
|
195
|
-
text="<strong>Please note:</strong> Changing your delivery address may impact our ability
|
|
196
|
-
to deliver your order on the date you have selected.<br/>
|
|
197
|
-
You may have to re-select your delivery date and slot after changing your delivery address."
|
|
198
|
-
warning=true
|
|
199
|
-
}}
|
|
200
|
-
</div>
|
|
201
|
-
{{> user-address-simplified modal="true" editUrl="page_checkout_delivery-address.html" radioName="checkout-edit-delivery-details" mod="js-selectable" isDeleted=false hasRemove=false}}
|
|
202
|
-
<div class="edit-delivery-address__actions row">
|
|
203
|
-
<div class="edit-delivery-address__add-btn">
|
|
204
|
-
<a href="page_checkout_delivery-address.html" class="btn btn-secondary">
|
|
205
|
-
<span class="btn__text">Add new address</span>
|
|
206
|
-
</a>
|
|
207
|
-
</div>
|
|
208
|
-
<div class="edit-delivery-address__delivery-btn">
|
|
209
|
-
<button class="btn btn-action">
|
|
210
|
-
<span class="btn__text">Continue to delivery details</span>
|
|
211
|
-
<span class="icon">
|
|
212
|
-
<i class="fas fa-arrow-right"></i>
|
|
213
|
-
</span>
|
|
214
|
-
</button>
|
|
215
|
-
</div>
|
|
216
|
-
</div>
|
|
217
|
-
{{/content}}
|
|
218
|
-
{{/extend}}
|
|
219
|
-
|
|
220
|
-
{{/content}}
|
|
221
|
-
{{/extend}}
|