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
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
@import '../helpers/helpers';
|
|
2
|
+
|
|
3
|
+
.personal-details {
|
|
4
|
+
padding-top: 0;
|
|
5
|
+
padding-bottom: 40px;
|
|
6
|
+
|
|
7
|
+
.globalMessages {
|
|
8
|
+
.notification {
|
|
9
|
+
margin-bottom: 8px;
|
|
10
|
+
margin-top: 16px;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&__header {
|
|
15
|
+
margin-top: 16px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&__title {
|
|
19
|
+
text-align: left;
|
|
20
|
+
margin-bottom: 0;
|
|
21
|
+
font-size: 1.625rem;
|
|
22
|
+
font-weight: 500;
|
|
23
|
+
line-height: 2.25rem;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.btn__change-password {
|
|
27
|
+
margin-top: 24px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.btn__edit,
|
|
31
|
+
.btn__change-password {
|
|
32
|
+
display: flex;
|
|
33
|
+
align-items: center;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
|
|
36
|
+
.icon {
|
|
37
|
+
font-size: 1rem;
|
|
38
|
+
margin-right: 12px;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.user-form,
|
|
43
|
+
.user-information {
|
|
44
|
+
margin-top: 24px;
|
|
45
|
+
|
|
46
|
+
.form-row {
|
|
47
|
+
padding: 0;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.user-information {
|
|
52
|
+
&__list {
|
|
53
|
+
padding-left: 0;
|
|
54
|
+
margin-bottom: 0;
|
|
55
|
+
list-style-type: none;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&__label {
|
|
59
|
+
font-size: 1rem;
|
|
60
|
+
font-weight: 500;
|
|
61
|
+
line-height: 24px;
|
|
62
|
+
margin-bottom: 8px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&__value {
|
|
66
|
+
margin-bottom: 0;
|
|
67
|
+
padding-top: 9px;
|
|
68
|
+
padding-bottom: 9px;
|
|
69
|
+
font-size: .875rem;
|
|
70
|
+
font-weight: 400;
|
|
71
|
+
line-height: 1.375rem;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&__item {
|
|
75
|
+
margin-bottom: 24px;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.user-form {
|
|
80
|
+
&__required-field {
|
|
81
|
+
padding: 0;
|
|
82
|
+
font-size: .75rem;
|
|
83
|
+
font-weight: 500;
|
|
84
|
+
line-height: 1rem;
|
|
85
|
+
margin-bottom: 24px;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
&__ctas {
|
|
89
|
+
display: flex;
|
|
90
|
+
grid-gap: 16px;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.form-row {
|
|
94
|
+
&__label:not(.user-form__required-field) {
|
|
95
|
+
margin-bottom: 8px;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
&.row-title {
|
|
99
|
+
max-width: 145px;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
&__label_required::before {
|
|
103
|
+
margin-right: 4px;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
& + .form-row {
|
|
107
|
+
margin-bottom: 24px;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
&__field {
|
|
111
|
+
.tbx:disabled {
|
|
112
|
+
background: $gray-bg;
|
|
113
|
+
color: $warm-grey;
|
|
114
|
+
-webkit-text-fill-color: $warm-grey;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.details-modal {
|
|
122
|
+
.modal-dialog {
|
|
123
|
+
margin-top: 40px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.modal-header {
|
|
127
|
+
padding: 16px;
|
|
128
|
+
|
|
129
|
+
.modal-box__inner-columns {
|
|
130
|
+
display: flex;
|
|
131
|
+
align-items: center;
|
|
132
|
+
|
|
133
|
+
.info-icon {
|
|
134
|
+
font-size: 1.7rem;
|
|
135
|
+
color: $orange;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.close {
|
|
140
|
+
position: absolute;
|
|
141
|
+
top: 8px;
|
|
142
|
+
right: 8px;
|
|
143
|
+
margin: 0;
|
|
144
|
+
padding: 0;
|
|
145
|
+
|
|
146
|
+
.icon svg {
|
|
147
|
+
font-size: 1rem;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.modal-title {
|
|
152
|
+
margin-left: 15px;
|
|
153
|
+
font-size: 1.125rem;
|
|
154
|
+
font-weight: 500;
|
|
155
|
+
line-height: 2rem;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.modal-body {
|
|
160
|
+
padding: 16px;
|
|
161
|
+
|
|
162
|
+
.description {
|
|
163
|
+
margin-bottom: 0;
|
|
164
|
+
font-size: 1rem;
|
|
165
|
+
font-weight: 400;
|
|
166
|
+
line-height: 2rem;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.actions {
|
|
170
|
+
display: flex;
|
|
171
|
+
grid-gap: 16px;
|
|
172
|
+
margin-top: 32px;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
@include media-breakpoint-up(sm) {
|
|
178
|
+
.personal-details {
|
|
179
|
+
&__header {
|
|
180
|
+
display: flex;
|
|
181
|
+
justify-content: space-between;
|
|
182
|
+
align-items: center;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.btn__change-password {
|
|
186
|
+
margin-top: 0;
|
|
187
|
+
max-width: 178px;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
.btn__edit {
|
|
191
|
+
max-width: 195px;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
.user-form {
|
|
195
|
+
max-width: 384px;
|
|
196
|
+
|
|
197
|
+
&__ctas {
|
|
198
|
+
.btn_full {
|
|
199
|
+
width: auto;
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
.details-modal {
|
|
206
|
+
.modal-header {
|
|
207
|
+
padding: 16px 24px;
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
.modal-body {
|
|
211
|
+
padding: 24px 24px 16px;
|
|
212
|
+
|
|
213
|
+
.actions {
|
|
214
|
+
margin-top: 40px;
|
|
215
|
+
|
|
216
|
+
.btn_full {
|
|
217
|
+
width: auto;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
@include media-breakpoint-up(md) {
|
|
225
|
+
.personal-details {
|
|
226
|
+
&__title {
|
|
227
|
+
font-size: 2.125rem;
|
|
228
|
+
line-height: 2.875rem;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.globalMessages {
|
|
232
|
+
.notification {
|
|
233
|
+
margin-bottom: 24px;
|
|
234
|
+
margin-top: 0;
|
|
235
|
+
}
|
|
236
|
+
}
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
@include media-breakpoint-up(lg) {
|
|
241
|
+
.personal-details {
|
|
242
|
+
padding-top: 40px;
|
|
243
|
+
padding-bottom: 70px;
|
|
244
|
+
|
|
245
|
+
&__header {
|
|
246
|
+
margin-top: 0;
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
}
|
|
@@ -286,6 +286,22 @@
|
|
|
286
286
|
padding-right: 0;
|
|
287
287
|
}
|
|
288
288
|
|
|
289
|
+
.header-shop-list {
|
|
290
|
+
.icon {
|
|
291
|
+
color: $white;
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.custom-icon {
|
|
295
|
+
path {
|
|
296
|
+
fill: $white;
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.icon-user {
|
|
301
|
+
font-size: 1.1875rem;
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
|
|
289
305
|
.header-minicart__btn-icon {
|
|
290
306
|
vertical-align: top;
|
|
291
307
|
}
|
|
@@ -424,6 +440,20 @@
|
|
|
424
440
|
.user__name {
|
|
425
441
|
display: flex;
|
|
426
442
|
color: $blue-dark;
|
|
443
|
+
|
|
444
|
+
.custom-icon {
|
|
445
|
+
width: 1.125rem;
|
|
446
|
+
height: auto;
|
|
447
|
+
|
|
448
|
+
path {
|
|
449
|
+
fill: $blue-dark;
|
|
450
|
+
}
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
.icon-user {
|
|
454
|
+
width: auto;
|
|
455
|
+
font-size: 1rem;
|
|
456
|
+
}
|
|
427
457
|
}
|
|
428
458
|
|
|
429
459
|
.icon-logout {
|
|
@@ -793,6 +793,10 @@
|
|
|
793
793
|
svg {
|
|
794
794
|
width: auto;
|
|
795
795
|
height: 16px;
|
|
796
|
+
|
|
797
|
+
path {
|
|
798
|
+
fill: $blue-dark;
|
|
799
|
+
}
|
|
796
800
|
}
|
|
797
801
|
}
|
|
798
802
|
|
|
@@ -878,8 +882,8 @@
|
|
|
878
882
|
margin-right: 0;
|
|
879
883
|
}
|
|
880
884
|
|
|
881
|
-
&:hover,
|
|
882
|
-
&:focus,
|
|
885
|
+
&:hover,
|
|
886
|
+
&:focus,
|
|
883
887
|
&:active,
|
|
884
888
|
.is-hovered & {
|
|
885
889
|
color: $blue-dark;
|
package/src/sitemap.html
CHANGED
|
@@ -481,9 +481,6 @@
|
|
|
481
481
|
<li><span class="page-id"></span><a href="page_kitchen-claims-thankyou.html" target="_blank">Kitchen claims thank you</a></li>
|
|
482
482
|
<li><span class="page-id">4.4</span><a href="page_contact-us_old.html" target="_blank">Contact us old</a></li>
|
|
483
483
|
<li><span class="page-id">4.4</span><a href="page_contact-us_new.html" target="_blank">Contact us new</a></li>
|
|
484
|
-
<!--<li><span class="page-id">4.4</span><a href="page_my-account.html" target="_blank">My
|
|
485
|
-
account</a></li>-->
|
|
486
|
-
<li> </li>
|
|
487
484
|
<li><span class="page-id">5.5</span><a href="page_my-account-new.html" target="_blank">My
|
|
488
485
|
Account</a></li>
|
|
489
486
|
<li><span class="page-id">5.6</span><a href="page_my-account_personal-details.html"
|
|
@@ -533,6 +530,12 @@
|
|
|
533
530
|
target="_blank">Marketing Preferences</a></li>
|
|
534
531
|
<li><a href="page_payment-details-BPS-root-html.html" target="_blank">Payment details BPS form Root html</a></li>
|
|
535
532
|
<li><a href="page_checkout_payment-details_guest-BPS.html" target="_blank">Page Checkout BPS</a></li>
|
|
533
|
+
<li><h5 class="mb-0">Account Pages Redesign</h5></li>
|
|
534
|
+
<li><span class="page-id">5.15</span><a href="page_my-account.html" target="_blank">My Account DIY</a></li>
|
|
535
|
+
<li><a href="page_my-account-installer.html" target="_blank">My Account Installer</a></li>
|
|
536
|
+
<li><a href="page_my-account-trade-pro.html" target="_blank">My Account TradePro</a></li>
|
|
537
|
+
<li><a href="page_personal-details.html" target="_blank">My Account Personal Details</a></li>
|
|
538
|
+
<li><a href="page_personal-details-installer.html" target="_blank">My Account Personal Details Installer</a></li>
|
|
536
539
|
</ul>
|
|
537
540
|
<h3>Project list</h3>
|
|
538
541
|
<ul>
|
|
@@ -684,30 +687,26 @@
|
|
|
684
687
|
</li>
|
|
685
688
|
<li>
|
|
686
689
|
<span class="page-id">10.13</span>
|
|
687
|
-
<a href="page_tradePro_delivery-details.html" target="_blank">TradePro Delivery details</a>
|
|
688
|
-
</li>
|
|
689
|
-
<li>
|
|
690
|
-
<span class="page-id">10.14</span>
|
|
691
690
|
<a href="page_my-account_personal-details_tradePro.html" target="_blank">TradePro Personal Details</a>
|
|
692
691
|
</li>
|
|
693
692
|
<li>
|
|
694
|
-
<span class="page-id">10.
|
|
693
|
+
<span class="page-id">10.14</span>
|
|
695
694
|
<a href="page_my-account_change-email_tradePro.html" target="_blank">TradePro Change Email</a>
|
|
696
695
|
</li>
|
|
697
696
|
<li>
|
|
698
|
-
<span class="page-id">10.
|
|
697
|
+
<span class="page-id">10.15</span>
|
|
699
698
|
<a href="page_my-account_change-password_tradePro.html" target="_blank">TradePro Change Password</a>
|
|
700
699
|
</li>
|
|
701
700
|
<li>
|
|
702
|
-
<span class="page-id">10.
|
|
701
|
+
<span class="page-id">10.16</span>
|
|
703
702
|
<a href="page_my-account_address-book_tradePro.html" target="_blank">TradePro Address Book</a>
|
|
704
703
|
</li>
|
|
705
704
|
<li>
|
|
706
|
-
<span class="page-id">10.
|
|
705
|
+
<span class="page-id">10.17</span>
|
|
707
706
|
<a href="page_my-account_payment-details_tradePro.html" target="_blank">TradePro Payment Details</a>
|
|
708
707
|
</li>
|
|
709
708
|
<li>
|
|
710
|
-
<span class="page-id">10.
|
|
709
|
+
<span class="page-id">10.18</span>
|
|
711
710
|
<a href="page_tradePro_header-logo-wickes.html" target="_blank">TradePro Wickes Logo Header</a>
|
|
712
711
|
</li>
|
|
713
712
|
<li>
|
|
@@ -731,9 +730,6 @@
|
|
|
731
730
|
<li><span class="page-id">9.3</span><a href="page_checkout_payment-details_guest-click-collect-icon.html"
|
|
732
731
|
target="_blank">Checkout- Payment details - Guest - C&C icon in steps</a>
|
|
733
732
|
</li>
|
|
734
|
-
<li><span class="page-id">9.4</span><a href="page_checkout_delivery-details-v2.html"
|
|
735
|
-
target="_blank">Checkout- Delivery Details NEW</a>
|
|
736
|
-
</li>
|
|
737
733
|
</ul>
|
|
738
734
|
<h3>
|
|
739
735
|
Pages with Klarna payment
|
|
@@ -936,88 +932,68 @@
|
|
|
936
932
|
<ul>
|
|
937
933
|
<li><span class="page-id">9.1</span><a href="page_checkout_sign-in.html" target="_blank">Checkout
|
|
938
934
|
- Sign in</a></li>
|
|
939
|
-
<li><span class="page-id">9.
|
|
935
|
+
<li><span class="page-id">9.2</span><a href="page_checkout_sign-in-password-popup.html"
|
|
940
936
|
target="_blank">Checkout
|
|
941
937
|
- Sign in with password popup</a></li>
|
|
942
938
|
<li><span class="page-id"></span><a href="page_checkout_half-sign-in.html" target="_blank">Checkout
|
|
943
939
|
-
|
|
944
940
|
Session expired Sign in</a></li>
|
|
945
|
-
<li><span class="page-id">9.
|
|
941
|
+
<li><span class="page-id">9.3</span><a href="page_checkout_sign-in-popup.html" target="_blank">Checkout
|
|
946
942
|
-
|
|
947
943
|
Sign in with location popup</a></li>
|
|
948
|
-
<li><span class="page-id">9.
|
|
944
|
+
<li><span class="page-id">9.4</span><a href="page_in-store_sign-in.html" target="_blank">Checkout
|
|
949
945
|
-
|
|
950
946
|
Sign in in-store</a></li>
|
|
951
|
-
<li><span class="page-id">9.
|
|
947
|
+
<li><span class="page-id">9.5</span><a href="page_checkout_delivery-address.html"
|
|
952
948
|
target="_blank">Checkout
|
|
953
949
|
- Delivery
|
|
954
950
|
address</a></li>
|
|
955
|
-
<li><span class="page-id">9.
|
|
951
|
+
<li><span class="page-id">9.6</span><a href="page_checkout_delivery-address_guest.html"
|
|
956
952
|
target="_blank">Checkout
|
|
957
953
|
- Delivery address -
|
|
958
954
|
Guest</a></li>
|
|
959
|
-
<li><span class="page-id">9.
|
|
955
|
+
<li><span class="page-id">9.7</span><a href="page_checkout_delivery-address-ASM.html"
|
|
960
956
|
target="_blank">Checkout
|
|
961
957
|
- Delivery address -
|
|
962
958
|
ASM</a></li>
|
|
963
|
-
<li><span class="page-id">9.
|
|
964
|
-
target="_blank">Checkout
|
|
965
|
-
- Delivery
|
|
966
|
-
details</a></li>
|
|
967
|
-
<li><span class="page-id">9.3</span><a href="page_checkout_delivery-details-with-loader.html"
|
|
968
|
-
target="_blank">Checkout
|
|
969
|
-
- Delivery
|
|
970
|
-
details with loader</a></li>
|
|
971
|
-
<li><span class="page-id">9.3</span><a href="page_checkout_delivery-details-oos.html"
|
|
972
|
-
target="_blank">Checkout
|
|
973
|
-
- Delivery
|
|
974
|
-
details - Out of stock</a></li>
|
|
975
|
-
<li><span class="page-id">9.3</span><a href="page_checkout_delivery-details_guest.html"
|
|
976
|
-
target="_blank">Checkout
|
|
977
|
-
- Delivery
|
|
978
|
-
details - Guest</a></li>
|
|
979
|
-
<li><span class="page-id">9.3</span><a href="page_checkout_delivery-details-ASM.html"
|
|
980
|
-
target="_blank">Checkout
|
|
981
|
-
- Delivery
|
|
982
|
-
details - ASM</a></li>
|
|
983
|
-
<li><span class="page-id">9.4</span><a href="page_checkout_payment-details.html"
|
|
959
|
+
<li><span class="page-id">9.8</span><a href="page_checkout_payment-details.html"
|
|
984
960
|
target="_blank">Checkout -
|
|
985
961
|
Payment
|
|
986
962
|
details</a></li>
|
|
987
|
-
<li><span class="page-id">9.
|
|
963
|
+
<li><span class="page-id">9.9</span><a href="page_checkout_payment-details_with-loader.html"
|
|
988
964
|
target="_blank">Checkout -
|
|
989
965
|
Payment
|
|
990
966
|
details with loader</a></li>
|
|
991
|
-
<li><span class="page-id">9.
|
|
967
|
+
<li><span class="page-id">9.10</span><a href="page_checkout_payment-details-confirm-delete.html"
|
|
992
968
|
target="_blank">Checkout -
|
|
993
969
|
Payment details - confirm delete</a></li>
|
|
994
|
-
<li><span class="page-id">9.
|
|
970
|
+
<li><span class="page-id">9.11</span><a href="page_checkout_payment-details_guest.html"
|
|
995
971
|
target="_blank">Checkout
|
|
996
972
|
- Payment
|
|
997
973
|
details - Guest</a></li>
|
|
998
|
-
<li><span class="page-id">9.
|
|
974
|
+
<li><span class="page-id">9.12</span><a href="page_checkout_payment-details-ASM.html"
|
|
999
975
|
target="_blank">Checkout
|
|
1000
976
|
- Payment
|
|
1001
977
|
details - ASM</a></li>
|
|
1002
|
-
<li><span class="page-id">9.
|
|
978
|
+
<li><span class="page-id">9.13</span><a href="page_checkout_confirmation.html" target="_blank">Checkout
|
|
1003
979
|
-
|
|
1004
980
|
Confirmation</a></li>
|
|
1005
|
-
<li><span class="page-id">9.
|
|
981
|
+
<li><span class="page-id">9.14</span><a href="page_checkout_confirmation_paypal.html"
|
|
1006
982
|
target="_blank">Checkout
|
|
1007
983
|
-
|
|
1008
984
|
Confirmation - Paypal</a></li>
|
|
1009
|
-
<li><span class="page-id">9.
|
|
985
|
+
<li><span class="page-id">9.15</span><a href="page_checkout_confirmation_guest.html"
|
|
1010
986
|
target="_blank">Checkout
|
|
1011
987
|
- Confirmation - Guest</a></li>
|
|
1012
|
-
<li><span class="page-id">9.
|
|
988
|
+
<li><span class="page-id">9.16</span><a href="page_in-store_payment-checkout.html"
|
|
1013
989
|
target="_blank">Checkout - In-Store</a></li>
|
|
1014
|
-
<li><span class="page-id">9.
|
|
990
|
+
<li><span class="page-id">9.17</span><a href="page_in-store_MVP_order-summary.html"
|
|
1015
991
|
target="_blank">Order Summary T&C-popup - In-Store</a>
|
|
1016
992
|
</li>
|
|
1017
|
-
<li><span class="page-id">9.
|
|
993
|
+
<li><span class="page-id">9.18</span><a href="page_in-store_MVP_order-summary-submitted.html"
|
|
1018
994
|
target="_blank">Order Summary Submitted - In-Store</a>
|
|
1019
995
|
</li>
|
|
1020
|
-
<li><span class="page-id">9.
|
|
996
|
+
<li><span class="page-id">9.19</span><a href="page_split-orders.html" target="_blank">Split
|
|
1021
997
|
Orders</a></li>
|
|
1022
998
|
</ul>
|
|
1023
999
|
|
|
@@ -1050,29 +1026,31 @@
|
|
|
1050
1026
|
target="_blank">Checkout- Delivery Address NEW</a></li>
|
|
1051
1027
|
<li><span class="page-id">9.10</span><a href="page_checkout_delivery-address-customer-journey.html"
|
|
1052
1028
|
target="_blank">Checkout- Delivery Address Customer Journey NEW</a></li>
|
|
1053
|
-
<li><span class="page-id">9.11</span><a href="
|
|
1054
|
-
target="_blank">Checkout- Delivery Details
|
|
1055
|
-
<li><span class="page-id">9.12</span><a href="
|
|
1029
|
+
<li><span class="page-id">9.11</span><a href="page_checkout_rapid-delivery-details.html"
|
|
1030
|
+
target="_blank">Checkout - Rapid Delivery Details</a></li>
|
|
1031
|
+
<li><span class="page-id">9.12</span><a href="page_checkout_next-day-delivery-details.html"
|
|
1032
|
+
target="_blank">Checkout - Next Day Delivery Details</a></li>
|
|
1033
|
+
<li><span class="page-id">9.13</span><a href="page_checkout_delivery-details-v2-calendar-message.html"
|
|
1056
1034
|
target="_blank">Checkout- Delivery Details NEW - calendar with message</a></li>
|
|
1057
|
-
<li><span class="page-id">9.
|
|
1035
|
+
<li><span class="page-id">9.14</span><a href="page_checkout_delivery_address-asm-new.html"
|
|
1058
1036
|
target="_blank">Checkout - Delivery address - ASM - NEW</a></li>
|
|
1059
|
-
<li><span class="page-id">9.
|
|
1037
|
+
<li><span class="page-id">9.15</span><a href="page_checkout_delivery-details-with-loader-v2.html"
|
|
1060
1038
|
target="_blank">Checkout - Delivery details with loader - NEW</a></li>
|
|
1061
|
-
<li><span class="page-id">9.
|
|
1039
|
+
<li><span class="page-id">9.16</span><a href="page_checkout_delivery-details-v2-oos.html"
|
|
1062
1040
|
target="_blank">Checkout - Delivery details - Out of stock - NEW</a></li>
|
|
1063
|
-
<li><span class="page-id">9.
|
|
1041
|
+
<li><span class="page-id">9.17</span><a href="page_checkout_delivery-details-v2-asm.html"
|
|
1064
1042
|
target="_blank">Checkout - Delivery details - ASM</a></li>
|
|
1065
|
-
<li><span class="page-id">9.
|
|
1043
|
+
<li><span class="page-id">9.18</span><a href="page_checkout_delivery-details-v2-wisdom.html"
|
|
1066
1044
|
target="_blank">Checkout - Delivery details - WisDOM</a></li>
|
|
1067
|
-
<li><span class="page-id">9.
|
|
1045
|
+
<li><span class="page-id">9.18.2</span><a href="page_checkout_delivery-details-v2-wisdom-not-available.html"
|
|
1068
1046
|
target="_blank">Checkout - Delivery details - WisDOM Not Available</a></li>
|
|
1069
|
-
<li><span class="page-id">9.
|
|
1047
|
+
<li><span class="page-id">9.19</span><a href="page_checkout_delivery-details_guest-new.html"
|
|
1070
1048
|
target="_blank">Checkout - Delivery details - Guest NEW</a></li>
|
|
1071
|
-
<li><span class="page-id">9.
|
|
1049
|
+
<li><span class="page-id">9.20</span><a href="page_checkout_payment-details-v2.html"
|
|
1072
1050
|
target="_blank">Checkout- Payment Details NEW</a></li>
|
|
1073
|
-
<li><span class="page-id">9.
|
|
1051
|
+
<li><span class="page-id">9.21</span><a href="page_checkout_payment-details-v2-asm.html"
|
|
1074
1052
|
target="_blank">Checkout- Payment Details NEW ASM</a></li>
|
|
1075
|
-
<li><span class="page-id">9.
|
|
1053
|
+
<li><span class="page-id">9.22</span><a href="page_checkout_payment-details_with-loader-v2.html"
|
|
1076
1054
|
target="_blank">Checkout- Payment Details with loader NEW</a></li>
|
|
1077
1055
|
<li><span class="page-id">9.22</span><a href="page_checkout_payment-details_guest-with-checkout-journey.html"
|
|
1078
1056
|
target="_blank">Checkout- Payment Details Guest Marketing Consent</a></li>
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
<div class="date-selection {{#if hidden}}date-selection-hidden{{/if}}">
|
|
2
|
-
<div class="date-selection__inner">
|
|
3
|
-
<div class="delivery-date">
|
|
4
|
-
<div class="calendar">
|
|
5
|
-
{{> delivery-selection mobile=true}}
|
|
6
|
-
<div class="calendar__head {{#if wisdom}}calendar__head-wisdom{{/if}}">
|
|
7
|
-
<div class="calendar__month">February</div>
|
|
8
|
-
{{#if wisdom}}
|
|
9
|
-
{{#if latest}}
|
|
10
|
-
<div class="calendar__switch calendar__switch-latest">
|
|
11
|
-
Later Dates <i class="calendar__switch-icon far fa-chevron-right"></i>
|
|
12
|
-
</div>
|
|
13
|
-
{{/if}}
|
|
14
|
-
{{#if earlier}}
|
|
15
|
-
<div class="calendar__switch calendar__switch-earlier">
|
|
16
|
-
<i class="calendar__switch-icon far fa-chevron-left"></i> Earlier Dates
|
|
17
|
-
</div>
|
|
18
|
-
{{/if}}
|
|
19
|
-
{{/if}}
|
|
20
|
-
</div>
|
|
21
|
-
<div class="calendar__grid">
|
|
22
|
-
<div class="calendar__row calendar__row_names">
|
|
23
|
-
<span class="calendar__cell calendar__cell_head">S</span>
|
|
24
|
-
<span class="calendar__cell calendar__cell_head">M</span>
|
|
25
|
-
<span class="calendar__cell calendar__cell_head">T</span>
|
|
26
|
-
<span class="calendar__cell calendar__cell_head">W</span>
|
|
27
|
-
<span class="calendar__cell calendar__cell_head">T</span>
|
|
28
|
-
<span class="calendar__cell calendar__cell_head">F</span>
|
|
29
|
-
<span class="calendar__cell calendar__cell_head">S</span>
|
|
30
|
-
</div>
|
|
31
|
-
<div class="calendar__row">
|
|
32
|
-
<div class="calendar__row_days">
|
|
33
|
-
<span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">25</span>
|
|
34
|
-
<span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">26</span>
|
|
35
|
-
<span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">27</span>
|
|
36
|
-
<span class="calendar__cell calendar__cell_cnt calendar__cell_inactive">28</span>
|
|
37
|
-
<span class="calendar__cell calendar__cell_cnt">1</span>
|
|
38
|
-
<span class="calendar__cell calendar__cell_cnt">2</span>
|
|
39
|
-
<span class="calendar__cell calendar__cell_cnt">3</span>
|
|
40
|
-
</div>
|
|
41
|
-
{{> calendar-time-table-v2}}
|
|
42
|
-
</div>
|
|
43
|
-
<div class="calendar__row">
|
|
44
|
-
<div class="calendar__row_days">
|
|
45
|
-
<span class="calendar__cell calendar__cell_cnt">4</span>
|
|
46
|
-
<span class="calendar__cell calendar__cell_cnt">5</span>
|
|
47
|
-
<span class="calendar__cell calendar__cell_cnt">6</span>
|
|
48
|
-
<span class="calendar__cell calendar__cell_cnt">7</span>
|
|
49
|
-
<span class="calendar__cell calendar__cell_cnt">8</span>
|
|
50
|
-
<span class="calendar__cell calendar__cell_cnt">9</span>
|
|
51
|
-
<span class="calendar__cell calendar__cell_cnt">10</span>
|
|
52
|
-
</div>
|
|
53
|
-
{{> calendar-time-table-v2}}
|
|
54
|
-
</div>
|
|
55
|
-
<div class="calendar__row">
|
|
56
|
-
<div class="calendar__row_days">
|
|
57
|
-
<span class="calendar__cell calendar__cell_cnt">11</span>
|
|
58
|
-
<span class="calendar__cell calendar__cell_cnt">12</span>
|
|
59
|
-
<span class="calendar__cell calendar__cell_cnt">13</span>
|
|
60
|
-
<span class="calendar__cell calendar__cell_cnt">14</span>
|
|
61
|
-
<span class="calendar__cell calendar__cell_cnt">15</span>
|
|
62
|
-
<span class="calendar__cell calendar__cell_cnt">16</span>
|
|
63
|
-
<span class="calendar__cell calendar__cell_cnt">17</span>
|
|
64
|
-
</div>
|
|
65
|
-
{{> calendar-time-table-v2}}
|
|
66
|
-
</div>
|
|
67
|
-
<div class="calendar__row">
|
|
68
|
-
<div class="calendar__row_days">
|
|
69
|
-
<span class="calendar__cell calendar__cell_cnt">18</span>
|
|
70
|
-
<span class="calendar__cell calendar__cell_cnt">19</span>
|
|
71
|
-
<span class="calendar__cell calendar__cell_cnt">20</span>
|
|
72
|
-
<span class="calendar__cell calendar__cell_cnt">21</span>
|
|
73
|
-
<span class="calendar__cell calendar__cell_cnt">22</span>
|
|
74
|
-
<span class="calendar__cell calendar__cell_cnt">23</span>
|
|
75
|
-
<span class="calendar__cell calendar__cell_cnt">24</span>
|
|
76
|
-
</div>
|
|
77
|
-
{{> calendar-time-table-v2}}
|
|
78
|
-
</div>
|
|
79
|
-
{{#unless wisdom}}
|
|
80
|
-
<div class="calendar__row">
|
|
81
|
-
<div class="calendar__row_days">
|
|
82
|
-
<span class="calendar__cell calendar__cell_cnt">25</span>
|
|
83
|
-
<span class="calendar__cell calendar__cell_cnt">26</span>
|
|
84
|
-
<span class="calendar__cell calendar__cell_cnt">27</span>
|
|
85
|
-
<span class="calendar__cell calendar__cell_cnt">28</span>
|
|
86
|
-
<span class="calendar__cell calendar__cell_cnt">29</span>
|
|
87
|
-
<span class="calendar__cell calendar__cell_cnt">30</span>
|
|
88
|
-
<span class="calendar__cell calendar__cell_cnt">31</span>
|
|
89
|
-
</div>
|
|
90
|
-
{{> calendar-time-table-v2}}
|
|
91
|
-
</div>
|
|
92
|
-
{{/unless}}
|
|
93
|
-
</div>
|
|
94
|
-
{{#if calendar-message}}
|
|
95
|
-
<div class="calendar__message">
|
|
96
|
-
<span>Our delivery slots are currently available up to 7 days in advance.</span>
|
|
97
|
-
<span>We release additional delivery slots daily.</span>
|
|
98
|
-
</div>
|
|
99
|
-
{{/if}}
|
|
100
|
-
</div>
|
|
101
|
-
</div>
|
|
102
|
-
<div class="delivery-time">
|
|
103
|
-
{{> delivery-types-v2}}
|
|
104
|
-
</div>
|
|
105
|
-
</div>
|
|
106
|
-
</div>
|