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.
Files changed (132) hide show
  1. package/build/css/category-main.css +1 -1
  2. package/build/css/emulation.css +1 -1
  3. package/build/css/homepage-main.css +1 -1
  4. package/build/css/main.css +1 -1
  5. package/build/css/my-account-main-v2.css +1 -0
  6. package/build/css/my-account-main.css +1 -1
  7. package/build/css/pages/checkout-new.css +1 -1
  8. package/build/css/pages/checkout.css +1 -1
  9. package/build/css/pages/my-account-v2.css +1 -0
  10. package/build/css/pages/my-account.css +1 -1
  11. package/build/css/pages/page_checkout_delivery-new.css +1 -1
  12. package/build/css/pages/page_personal-details.css +1 -0
  13. package/build/css/pdp-main-before-combine.css +1 -1
  14. package/build/css/pdp-main-non-critical.css +1 -1
  15. package/build/css/pdp-main.css +1 -1
  16. package/build/css/plp-main.css +1 -1
  17. package/build/css/store-locator-main.css +1 -1
  18. package/build/img/placeholders/discount-sm-15.jpg +0 -0
  19. package/build/img/placeholders/discount-sm.png +0 -0
  20. package/build/js/account-members.min.js +1 -1
  21. package/build/js/basket.min.js +1 -1
  22. package/build/js/bundle.min.js +1 -1
  23. package/build/js/checkout.min.js +1 -1
  24. package/build/js/emulation.min.js +74 -21
  25. package/build/js/merged-checkout.min.js +1 -1
  26. package/build/js/my-account.min.js +1 -0
  27. package/build/js/page/my-account.js +51 -0
  28. package/build/js/page/personal-details.js +217 -0
  29. package/build/js/personal-details.min.js +1 -0
  30. package/build/js/project-list.min.js +1 -1
  31. package/package.json +1 -1
  32. package/src/components/account-families/actions-bar.hbs +3 -0
  33. package/src/components/aside-nav2.hbs +1 -1
  34. package/src/components/banner-news.hbs +8 -0
  35. package/src/components/date-selection.hbs +46 -59
  36. package/src/components/delivery-types.hbs +18 -38
  37. package/src/components/my-account/active-orders/consignment-info.hbs +11 -0
  38. package/src/components/my-account/active-orders/header.hbs +4 -0
  39. package/src/components/my-account/active-orders/list-orders.hbs +9 -0
  40. package/src/components/my-account/active-orders/order-details.hbs +18 -0
  41. package/src/components/my-account/active-orders/order-header.hbs +7 -0
  42. package/src/components/my-account/active-orders/order.hbs +20 -0
  43. package/src/components/my-account/active-orders/shipment-detail.hbs +13 -0
  44. package/src/components/my-account/barcode.hbs +17 -0
  45. package/src/components/my-account/clipboard-code-card.hbs +16 -0
  46. package/src/components/my-account/contact-us.hbs +23 -0
  47. package/src/components/my-account/discount.hbs +11 -0
  48. package/src/components/my-account/greetings.hbs +7 -0
  49. package/src/components/my-account/leave-modal.hbs +13 -0
  50. package/src/components/my-account/menu-items.hbs +25 -0
  51. package/src/components/my-account/mobile-nav.hbs +46 -0
  52. package/src/components/my-account/personal-details-form.hbs +24 -0
  53. package/src/components/my-account/personal-details.hbs +14 -0
  54. package/src/components/my-account/user-account-actions.hbs +18 -0
  55. package/src/components/user-information-field.hbs +4 -0
  56. package/src/components.html +1 -0
  57. package/src/data/data_calendar.json +149 -0
  58. package/src/data/data_notification-page.json +4 -0
  59. package/src/data/my-account/data_my-account.json +469 -0
  60. package/src/data/my-account/data_personal-details.json +179 -0
  61. package/src/elements/dropdown.hbs +16 -5
  62. package/src/elements/form-row.hbs +1 -1
  63. package/src/img/placeholders/discount-sm-15.jpg +0 -0
  64. package/src/img/placeholders/discount-sm.png +0 -0
  65. package/src/js/components/date-selection.js +6 -20
  66. package/src/js/components/leave-event-v2.js +0 -0
  67. package/src/js/components/leave-event.js +10 -3
  68. package/src/js/emulation/date-selection.js +0 -21
  69. package/src/js/emulation/personal-details-local.js +73 -0
  70. package/src/js/page/my-account.js +51 -0
  71. package/src/js/page/personal-details.js +217 -0
  72. package/src/layouts/my-account-v2.hbs +27 -0
  73. package/src/layouts/my-account.hbs +1 -1
  74. package/src/page_checkout_delivery-details-v2-asm.html +3 -3
  75. package/src/page_checkout_delivery-details-v2-calendar-message.html +1 -1
  76. package/src/page_checkout_delivery-details-v2-oos.html +1 -1
  77. package/src/page_checkout_delivery-details-v2-wisdom-not-available.html +2 -2
  78. package/src/page_checkout_delivery-details-v2-wisdom.html +2 -2
  79. package/src/page_checkout_delivery-details-with-loader-v2.html +1 -1
  80. package/src/page_checkout_delivery-details_guest-new.html +1 -1
  81. package/src/page_checkout_next-day-delivery-details.html +161 -0
  82. package/src/{page_checkout_delivery-details-v2.html → page_checkout_rapid-delivery-details.html} +14 -3
  83. package/src/page_discount_installer.html +7 -1
  84. package/src/page_marketing-preferences.html +7 -1
  85. package/src/page_my-account-installer.html +93 -0
  86. package/src/page_my-account-trade-pro.html +91 -0
  87. package/src/page_my-account.html +56 -59
  88. package/src/page_my-account_address-book.html +8 -2
  89. package/src/page_my-account_order-history.html +8 -3
  90. package/src/page_my-account_personal-details.html +7 -1
  91. package/src/page_personal-details-installer.html +52 -0
  92. package/src/page_personal-details.html +52 -0
  93. package/src/page_tradePro_discount.html +8 -2
  94. package/src/page_tradePro_rewards.html +7 -1
  95. package/src/partials/breadcrumbs.hbs +27 -8
  96. package/src/partials/head.hbs +5 -1
  97. package/src/partials/header.hbs +68 -49
  98. package/src/partials/main-nav.hbs +17 -9
  99. package/src/scss/components/_aside-nav2.scss +18 -0
  100. package/src/scss/components/_date-selection-add-new-styles.scss +78 -19
  101. package/src/scss/components/_date-selection.scss +30 -215
  102. package/src/scss/components/my-account/_consignment-info.scss +46 -0
  103. package/src/scss/components/my-account/_contacts.scss +116 -0
  104. package/src/scss/components/my-account/_menu.scss +215 -0
  105. package/src/scss/components/my-account/_mobile-nav.scss +130 -0
  106. package/src/scss/components/my-account/_order.scss +112 -0
  107. package/src/scss/components/my-account/_shipment.scss +92 -0
  108. package/src/scss/emulation.scss +0 -24
  109. package/src/scss/helpers/_variables.scss +3 -1
  110. package/src/scss/my-account-main-v2.scss +32 -0
  111. package/src/scss/pages/checkout-new.scss +51 -0
  112. package/src/scss/pages/my-account-v2.scss +570 -0
  113. package/src/scss/pages/my-account.scss +1 -0
  114. package/src/scss/pages/page_checkout_delivery-new.scss +2 -1
  115. package/src/scss/pages/page_paint-mixing-error.scss +1 -1
  116. package/src/scss/pages/page_personal-details.scss +249 -0
  117. package/src/scss/partials/_header.scss +30 -0
  118. package/src/scss/partials/_main-nav.scss +6 -2
  119. package/src/sitemap.html +44 -66
  120. package/src/components/calendar-time-table-v2.hbs +0 -3
  121. package/src/components/calendar-time-table.hbs +0 -3
  122. package/src/components/date-selection-v2.hbs +0 -106
  123. package/src/components/delivery-selection.hbs +0 -11
  124. package/src/components/delivery-types-v2.hbs +0 -17
  125. package/src/page_checkout_delivery-address.html +0 -70
  126. package/src/page_checkout_delivery-details-ASM.html +0 -251
  127. package/src/page_checkout_delivery-details-oos-partially.html +0 -215
  128. package/src/page_checkout_delivery-details-oos.html +0 -232
  129. package/src/page_checkout_delivery-details-with-loader.html +0 -220
  130. package/src/page_checkout_delivery-details.html +0 -221
  131. package/src/page_checkout_delivery-details_guest.html +0 -198
  132. 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 &amp; 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}}