wickes-css2 2.117.0-develop.2 → 2.117.0-develop.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/css/main.css +1 -1
- package/build/css/pages/checkout-new.css +1 -1
- package/build/css/pages/checkout.css +1 -1
- package/build/css/pages/page_in-store-checkout.css +1 -1
- package/build/css/pdp-main-before-combine.css +1 -1
- package/build/css/pdp-main-non-critical.css +1 -1
- package/build/css/pdp-main.css +1 -1
- package/build/js/basket.min.js +1 -1
- package/build/js/bundle.min.js +1 -1
- package/build/js/checkout.min.js +1 -1
- package/build/js/emulation.min.js +63 -199
- package/build/js/merged-checkout.min.js +1 -1
- package/build/js/project-list.min.js +1 -1
- package/package.json +1 -1
- package/src/js/emulation/forms.js +0 -16
- package/src/page_checkout_confirmation.html +0 -53
- package/src/page_checkout_confirmation_paypal.html +0 -53
- package/src/page_checkout_delivery-address-ASM.html +0 -81
- package/src/page_checkout_delivery-details-v2-asm.html +1 -1
- package/src/page_checkout_delivery-details-v2-calendar-message.html +1 -1
- package/src/page_checkout_delivery-details-v2-oos.html +1 -1
- package/src/page_checkout_delivery-details-v2-wisdom-not-available.html +1 -1
- package/src/page_checkout_delivery-details-v2-wisdom.html +1 -1
- package/src/page_checkout_delivery-details-with-loader-v2.html +1 -1
- package/src/page_checkout_delivery-details_guest-new.html +1 -1
- package/src/page_checkout_payment-details-ASM.html +0 -7
- package/src/page_checkout_payment-details-v2-asm.html +3 -3
- package/src/page_checkout_payment-details_guest-BPS.html +1 -4
- package/src/page_checkout_payment-details_guest-click-collect-icon.html +0 -3
- package/src/page_checkout_payment-details_guest.html +0 -6
- package/src/page_checkout_payment-details_with-loader.html +0 -7
- package/src/page_in-store_MVP_order-summary-submitted.html +0 -16
- package/src/page_instore_progress_bar-three-steps.html +0 -3
- package/src/page_new-checkout-form-secure.html +10 -11
- package/src/scss/main.scss +0 -1
- package/src/scss/pages/checkout-new.scss +1 -4
- package/src/scss/pages/checkout.scss +0 -1
- package/src/scss/pages/page_in-store-checkout.scss +0 -56
- package/src/scss/pdp-main.scss +0 -1
- package/src/sitemap.html +33 -82
- package/build/css/pages/page_in-store_MVP_order-summary-submitted.css +0 -1
- package/build/css/pages/page_in-store_MVP_order-summary.css +0 -1
- package/build/css/pages/page_new-checkout-forgot.css +0 -1
- package/build/js/page/checkout-confirmation.js +0 -8
- package/build/js/page/checkout-delivery-address.js +0 -41
- package/build/js/page/checkout-sign-in.js +0 -17
- package/build/js/page/instore-checkout.js +0 -11
- package/src/components/checkout-deleted-payment-details.hbs +0 -77
- package/src/components/checkout-deleted-payment-method-card.hbs +0 -58
- package/src/components/checkout-edit-billing-address-modal.hbs +0 -30
- package/src/components/checkout-in-store-customer-details.hbs +0 -18
- package/src/components/checkout_delivery.hbs +0 -11
- package/src/components/checkout_your-details.hbs +0 -36
- package/src/components/in-store-terms-and-conditions-modal.hbs +0 -308
- package/src/components/steps.hbs +0 -32
- package/src/js/components/checkout_your-details.js +0 -78
- package/src/js/emulation/checkout-sign-in-emulation.js +0 -43
- package/src/js/emulation/checkout_your-details.js +0 -90
- package/src/js/page/checkout-confirmation.js +0 -8
- package/src/js/page/checkout-delivery-address.js +0 -41
- package/src/js/page/checkout-sign-in.js +0 -17
- package/src/js/page/instore-checkout.js +0 -11
- package/src/page_checkout_confirmation_guest.html +0 -140
- package/src/page_checkout_delivery-address-customer-journey.html +0 -66
- package/src/page_checkout_delivery-address-v2.html +0 -48
- package/src/page_checkout_delivery-address_guest.html +0 -35
- package/src/page_checkout_delivery_address-asm-new.html +0 -54
- package/src/page_checkout_half-sign-in.html +0 -53
- package/src/page_checkout_payment-details-confirm-delete.html +0 -27
- package/src/page_checkout_payment-details.html +0 -27
- package/src/page_checkout_sign-in-password-popup.html +0 -98
- package/src/page_checkout_sign-in-popup.html +0 -99
- package/src/page_checkout_sign-in.html +0 -53
- package/src/page_in-store_MVP_order-summary.html +0 -19
- package/src/page_in-store_payment-checkout.html +0 -35
- package/src/page_in-store_sign-in.html +0 -30
- package/src/page_instore_progress_bar.html +0 -30
- package/src/page_new-checkout-forgot-password.html +0 -45
- package/src/page_new-checkout-form-login-guest.html +0 -105
- package/src/page_new-checkout-form-login-wickes.html +0 -48
- package/src/scss/components/_steps.scss +0 -207
- package/src/scss/pages/_checkout_your-details.scss +0 -48
- package/src/scss/pages/page_in-store_MVP_order-summary-submitted.scss +0 -14
- package/src/scss/pages/page_in-store_MVP_order-summary.scss +0 -150
- package/src/scss/pages/page_new-checkout-forgot.scss +0 -49
|
@@ -71,37 +71,6 @@
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
.in-store-checkout {
|
|
75
|
-
&__wrapper {
|
|
76
|
-
@include make-col-ready;
|
|
77
|
-
@include make-col(12);
|
|
78
|
-
|
|
79
|
-
@include media-breakpoint-up(md) {
|
|
80
|
-
@include make-col(10);
|
|
81
|
-
@include make-col-offset(1);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
&__title {
|
|
86
|
-
font-size: 20px;
|
|
87
|
-
margin-bottom: 30px;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
&__submit {
|
|
91
|
-
@include make-col-ready;
|
|
92
|
-
@include make-col(12);
|
|
93
|
-
|
|
94
|
-
@include media-breakpoint-up(md) {
|
|
95
|
-
@include make-col(5);
|
|
96
|
-
@include make-col-offset(1);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
@include media-breakpoint-up(lg) {
|
|
100
|
-
@include make-col(3);
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
|
|
105
74
|
.checkout-in-store-details {
|
|
106
75
|
@include make-col-ready;
|
|
107
76
|
@include make-col(12);
|
|
@@ -111,28 +80,3 @@
|
|
|
111
80
|
@include make-col-offset(1);
|
|
112
81
|
}
|
|
113
82
|
}
|
|
114
|
-
|
|
115
|
-
.barcode {
|
|
116
|
-
&__wrapper {
|
|
117
|
-
padding: 20px;
|
|
118
|
-
display: flex;
|
|
119
|
-
align-items: center;
|
|
120
|
-
justify-content: center;
|
|
121
|
-
flex-direction: column;
|
|
122
|
-
background-color: $white;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
&__order-total {
|
|
126
|
-
font-size: 1rem;
|
|
127
|
-
font-weight: 800;
|
|
128
|
-
|
|
129
|
-
@include media-breakpoint-up(sm) {
|
|
130
|
-
font-size: 18px;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
@include media-breakpoint-up(md) {
|
|
134
|
-
font-size: 24px;
|
|
135
|
-
margin: 20px 0;
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
}
|
package/src/scss/pdp-main.scss
CHANGED
package/src/sitemap.html
CHANGED
|
@@ -1061,70 +1061,33 @@
|
|
|
1061
1061
|
</ul>
|
|
1062
1062
|
<h3>Checkout</h3>
|
|
1063
1063
|
<ul>
|
|
1064
|
-
<li><span class="page-id">9.1</span><a href="
|
|
1065
|
-
- Sign in</a></li>
|
|
1066
|
-
<li><span class="page-id">9.2</span><a href="page_checkout_sign-in-password-popup.html"
|
|
1067
|
-
target="_blank">Checkout
|
|
1068
|
-
- Sign in with password popup</a></li>
|
|
1069
|
-
<li><span class="page-id"></span><a href="page_checkout_half-sign-in.html" target="_blank">Checkout
|
|
1070
|
-
-
|
|
1071
|
-
Session expired Sign in</a></li>
|
|
1072
|
-
<li><span class="page-id">9.3</span><a href="page_checkout_sign-in-popup.html" target="_blank">Checkout
|
|
1073
|
-
-
|
|
1074
|
-
Sign in with location popup</a></li>
|
|
1075
|
-
<li><span class="page-id">9.4</span><a href="page_in-store_sign-in.html" target="_blank">Checkout
|
|
1076
|
-
-
|
|
1077
|
-
Sign in in-store</a></li>
|
|
1078
|
-
<li><span class="page-id">9.5</span><a href="page_checkout_delivery-address.html"
|
|
1079
|
-
target="_blank">Checkout
|
|
1080
|
-
- Delivery
|
|
1081
|
-
address</a></li>
|
|
1082
|
-
<li><span class="page-id">9.6</span><a href="page_checkout_delivery-address_guest.html"
|
|
1083
|
-
target="_blank">Checkout
|
|
1084
|
-
- Delivery address -
|
|
1085
|
-
Guest</a></li>
|
|
1086
|
-
<li><span class="page-id">9.7</span><a href="page_checkout_delivery-address-ASM.html"
|
|
1064
|
+
<li><span class="page-id">9.1</span><a href="page_checkout_delivery-address-ASM.html"
|
|
1087
1065
|
target="_blank">Checkout
|
|
1088
1066
|
- Delivery address -
|
|
1089
1067
|
ASM</a></li>
|
|
1090
|
-
<li><span class="page-id">9.
|
|
1091
|
-
target="_blank">Checkout -
|
|
1092
|
-
Payment
|
|
1093
|
-
details</a></li>
|
|
1094
|
-
<li><span class="page-id">9.9</span><a href="page_checkout_payment-details_with-loader.html"
|
|
1068
|
+
<li><span class="page-id">9.2</span><a href="page_checkout_payment-details_with-loader.html"
|
|
1095
1069
|
target="_blank">Checkout -
|
|
1096
1070
|
Payment
|
|
1097
1071
|
details with loader</a></li>
|
|
1098
|
-
<li><span class="page-id">9.
|
|
1099
|
-
target="_blank">Checkout -
|
|
1100
|
-
Payment details - confirm delete</a></li>
|
|
1101
|
-
<li><span class="page-id">9.11</span><a href="page_checkout_payment-details_guest.html"
|
|
1072
|
+
<li><span class="page-id">9.3</span><a href="page_checkout_payment-details_guest.html"
|
|
1102
1073
|
target="_blank">Checkout
|
|
1103
1074
|
- Payment
|
|
1104
1075
|
details - Guest</a></li>
|
|
1105
|
-
<li><span class="page-id">9.
|
|
1076
|
+
<li><span class="page-id">9.4</span><a href="page_checkout_payment-details-ASM.html"
|
|
1106
1077
|
target="_blank">Checkout
|
|
1107
1078
|
- Payment
|
|
1108
1079
|
details - ASM</a></li>
|
|
1109
|
-
<li><span class="page-id">9.
|
|
1080
|
+
<li><span class="page-id">9.5</span><a href="page_checkout_confirmation.html" target="_blank">Checkout
|
|
1110
1081
|
-
|
|
1111
1082
|
Confirmation</a></li>
|
|
1112
|
-
<li><span class="page-id">9.
|
|
1083
|
+
<li><span class="page-id">9.6</span><a href="page_checkout_confirmation_paypal.html"
|
|
1113
1084
|
target="_blank">Checkout
|
|
1114
1085
|
-
|
|
1115
1086
|
Confirmation - Paypal</a></li>
|
|
1116
|
-
<li><span class="page-id">9.
|
|
1117
|
-
target="_blank">Checkout
|
|
1118
|
-
- Confirmation - Guest</a></li>
|
|
1119
|
-
<li><span class="page-id">9.16</span><a href="page_in-store_payment-checkout.html"
|
|
1120
|
-
target="_blank">Checkout - In-Store</a></li>
|
|
1121
|
-
<li><span class="page-id">9.17</span><a href="page_in-store_MVP_order-summary.html"
|
|
1122
|
-
target="_blank">Order Summary T&C-popup - In-Store</a>
|
|
1123
|
-
</li>
|
|
1124
|
-
<li><span class="page-id">9.18</span><a href="page_in-store_MVP_order-summary-submitted.html"
|
|
1087
|
+
<li><span class="page-id">9.7</span><a href="page_in-store_MVP_order-summary-submitted.html"
|
|
1125
1088
|
target="_blank">Order Summary Submitted - In-Store</a>
|
|
1126
1089
|
</li>
|
|
1127
|
-
<li><span class="page-id">9.
|
|
1090
|
+
<li><span class="page-id">9.8</span><a href="page_split-orders.html" target="_blank">Split
|
|
1128
1091
|
Orders</a></li>
|
|
1129
1092
|
</ul>
|
|
1130
1093
|
|
|
@@ -1132,74 +1095,62 @@
|
|
|
1132
1095
|
<ul>
|
|
1133
1096
|
<li><span class="page-id">9.1</span><a href="page_new-checkout_login-register.html" target="_blank">Checkout
|
|
1134
1097
|
- Login/Register</a></li>
|
|
1135
|
-
<li><span class="page-id">9.2</span><a href="page_new-checkout-
|
|
1136
|
-
- Login/Register Forgot</a></li>
|
|
1137
|
-
<li><span class="page-id">9.3</span><a href="page_new-checkout-form-login-wickes.html" target="_blank">Form Checkout
|
|
1138
|
-
- Login Wickes</a></li>
|
|
1139
|
-
<li><span class="page-id">9.4</span><a href="page_new-checkout-form-login-guest.html" target="_blank">Form Checkout
|
|
1140
|
-
- Login Guest</a></li>
|
|
1141
|
-
<li><span class="page-id">9.5</span><a href="page_new-checkout-form-secure.html" target="_blank">Form Checkout
|
|
1098
|
+
<li><span class="page-id">9.2</span><a href="page_new-checkout-form-secure.html" target="_blank">Form Checkout
|
|
1142
1099
|
- Secure</a></li>
|
|
1143
|
-
<li><span class="page-id">9.
|
|
1100
|
+
<li><span class="page-id">9.3</span><a href="page_checkout_confirmation-new.html" target="_blank">Checkout
|
|
1144
1101
|
-
|
|
1145
1102
|
Confirmation new</a></li>
|
|
1146
|
-
<li><span class="page-id">9.
|
|
1103
|
+
<li><span class="page-id">9.3.1</span><a href="page_checkout_confirmation-new_guest.html" target="_blank">Checkout
|
|
1147
1104
|
-
|
|
1148
1105
|
Confirmation new - Guest</a></li>
|
|
1149
|
-
<li><span class="page-id">9.
|
|
1106
|
+
<li><span class="page-id">9.3.2</span><a href="page_checkout_confirmation-new-paypal.html" target="_blank">Checkout
|
|
1150
1107
|
-
|
|
1151
1108
|
Confirmation new - paypal</a></li>
|
|
1152
|
-
<li><span class="page-id">9.
|
|
1109
|
+
<li><span class="page-id">9.4</span><a href="page_checkout_payment-details_guest-click-collect-icon.html"
|
|
1153
1110
|
target="_blank">Checkout- Payment details - Guest - C&C icon in steps</a></li>
|
|
1154
|
-
<li><span class="page-id">9.
|
|
1155
|
-
target="_blank">Checkout- Instore Progress Bar</a></li>
|
|
1156
|
-
<li><span class="page-id">9.4</span><a href="page_checkout_delivery-address-v2.html"
|
|
1157
|
-
target="_blank">Checkout- Delivery Address NEW</a></li>
|
|
1158
|
-
<li><span class="page-id">9.10</span><a href="page_checkout_delivery-address-customer-journey.html"
|
|
1159
|
-
target="_blank">Checkout- Delivery Address Customer Journey NEW</a></li>
|
|
1160
|
-
<li><span class="page-id">9.11</span><a href="page_checkout_rapid-delivery-details.html"
|
|
1111
|
+
<li><span class="page-id">9.5</span><a href="page_checkout_rapid-delivery-details.html"
|
|
1161
1112
|
target="_blank">Checkout - Rapid Delivery Details</a></li>
|
|
1162
|
-
<li><span class="page-id">9.
|
|
1113
|
+
<li><span class="page-id">9.6</span><a href="page_checkout_next-day-delivery-details.html"
|
|
1163
1114
|
target="_blank">Checkout - Next Day Delivery Details</a></li>
|
|
1164
|
-
<li><span class="page-id">9.
|
|
1115
|
+
<li><span class="page-id">9.7</span><a href="page_checkout_delivery-details-v2-calendar-message.html"
|
|
1165
1116
|
target="_blank">Checkout- Delivery Details NEW - calendar with message</a></li>
|
|
1166
|
-
<li><span class="page-id">9.
|
|
1167
|
-
target="_blank">Checkout - Delivery address - ASM - NEW</a></li>
|
|
1168
|
-
<li><span class="page-id">9.15</span><a href="page_checkout_delivery-details-with-loader-v2.html"
|
|
1117
|
+
<li><span class="page-id">9.8</span><a href="page_checkout_delivery-details-with-loader-v2.html"
|
|
1169
1118
|
target="_blank">Checkout - Delivery details with loader - NEW</a></li>
|
|
1170
|
-
<li><span class="page-id">9.
|
|
1119
|
+
<li><span class="page-id">9.9</span><a href="page_checkout_delivery-details-v2-oos.html"
|
|
1171
1120
|
target="_blank">Checkout - Delivery details - Out of stock - NEW</a></li>
|
|
1172
|
-
<li><span class="page-id">9.
|
|
1121
|
+
<li><span class="page-id">9.10</span><a href="page_checkout_delivery-details-v2-asm.html"
|
|
1173
1122
|
target="_blank">Checkout - Delivery details - ASM</a></li>
|
|
1174
|
-
<li><span class="page-id">9.
|
|
1123
|
+
<li><span class="page-id">9.11</span><a href="page_checkout_delivery-details-v2-wisdom.html"
|
|
1175
1124
|
target="_blank">Checkout - Delivery details - WisDOM</a></li>
|
|
1176
|
-
<li><span class="page-id">9.
|
|
1125
|
+
<li><span class="page-id">9.11.2</span><a href="page_checkout_delivery-details-v2-wisdom-not-available.html"
|
|
1177
1126
|
target="_blank">Checkout - Delivery details - WisDOM Not Available</a></li>
|
|
1178
|
-
<li><span class="page-id">9.
|
|
1127
|
+
<li><span class="page-id">9.12</span><a href="page_checkout_delivery-details_guest-new.html"
|
|
1179
1128
|
target="_blank">Checkout - Delivery details - Guest NEW</a></li>
|
|
1180
|
-
<li><span class="page-id">9.
|
|
1129
|
+
<li><span class="page-id">9.13</span><a href="page_checkout_payment-details-v2.html"
|
|
1181
1130
|
target="_blank">Checkout- Payment Details NEW</a></li>
|
|
1182
|
-
<li><span class="page-id">9.
|
|
1131
|
+
<li><span class="page-id">9.14</span><a href="page_checkout_payment-details-v2-asm.html"
|
|
1183
1132
|
target="_blank">Checkout- Payment Details NEW ASM</a></li>
|
|
1184
|
-
<li><span class="page-id">9.
|
|
1133
|
+
<li><span class="page-id">9.15</span><a href="page_checkout_payment-details_with-loader-v2.html"
|
|
1185
1134
|
target="_blank">Checkout- Payment Details with loader NEW</a></li>
|
|
1186
|
-
<li><span class="page-id">9.
|
|
1135
|
+
<li><span class="page-id">9.16</span><a href="page_checkout_payment-details_guest-with-checkout-journey.html"
|
|
1187
1136
|
target="_blank">Checkout- Payment Details Guest Marketing Consent</a></li>
|
|
1188
|
-
<li><span class="page-id">9.
|
|
1137
|
+
<li><span class="page-id">9.17</span><a href="page_checkout_payment-details_login-with-checkout-journey.html"
|
|
1189
1138
|
target="_blank">Checkout- Payment Details Login Marketing Consent</a></li>
|
|
1190
|
-
<li><span class="page-id">9.
|
|
1139
|
+
<li><span class="page-id">9.18</span><a href="page_checkout_confirmation-new-marketing-consent.html" target="_blank">Checkout
|
|
1191
1140
|
-
|
|
1192
1141
|
Confirmation No Marketing Consent</a></li>
|
|
1193
|
-
<li><span class="page-id">9.
|
|
1142
|
+
<li><span class="page-id">9.19</span><a href="page_checkout_confirmation-new-marketing-consent-error.html" target="_blank">Checkout
|
|
1194
1143
|
-
|
|
1195
1144
|
Payment Details Marketing Consent Error</a></li>
|
|
1196
1145
|
|
|
1197
|
-
<li><span class="page-id">9.
|
|
1146
|
+
<li><span class="page-id">9.20</span><a href="page_checkout_payment-details_with-card-loader.html"
|
|
1198
1147
|
target="_blank">Checkout- Payment Details with card loader</a></li>
|
|
1199
1148
|
<li><span class="page-id">9.27</span><a href="page_checkout_delivery-details-v2-calendar-not-loaded.html"
|
|
1200
1149
|
target="_blank">Checkout- Delivery Details NEW - calendar Not Loaded</a></li>
|
|
1201
|
-
<li><span class="page-id">9.
|
|
1150
|
+
<li><span class="page-id">9.21</span><a href="page_checkout_premium-delivery-details.html"
|
|
1202
1151
|
target="_blank">Checkout - Premium Delivery Details</a></li>
|
|
1152
|
+
<li><span class="page-id">9.22</span><a href="page_half-log-in.html"
|
|
1153
|
+
target="_blank">Checkout - Half login</a></li>
|
|
1203
1154
|
<li><span class="page-id">9.11</span><a href="page_checkout_big-bulky-delivery-details.html"
|
|
1204
1155
|
target="_blank">Checkout - Big & Bulky Delivery Details</a></li>
|
|
1205
1156
|
</ul>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.in-store_order-summary-sub .page-header:before{content:none}.in-store_order-summary-sub .page-header__next-steps{font-size:1.5em;text-align:center}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr{width:100%;max-width:100%}.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr .descr-wrap{display:flex}.page_in-store_order-summary .container .right-aside{top:inherit;margin-bottom:0}.page_in-store_order-summary .container .form-row__col-terms{padding-top:15px}.page_in-store_order-summary .container .form-row__col-terms input{position:relative;top:2px}.in-store_popup .terms-and-conditions__control-area{display:flex}.in-store_popup .terms-and-conditions__control-area .form-row{width:100%}.in-store_popup .terms-and-conditions__control-area .form-row__label{display:none}.in-store_popup .terms-and-conditions__control-area .form-row__error{padding-left:0}.in-store_popup .terms-and-conditions__print-btn,.in-store_popup .terms-and-conditions__send-btn{max-height:40px}.in-store_popup .terms-and-conditions__print-btn{margin-right:10px}.in-store_popup .terms-and-conditions__send-btn{margin-left:-2px;margin-bottom:10px;border-top-left-radius:0;border-bottom-left-radius:0}@media (max-width:767.98px){.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr{padding-right:15px}.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr .descr-wrap{padding-bottom:30px}.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr .descr-wrap .in-store_basket-id{position:absolute;bottom:15px}.in-store_popup .terms-and-conditions__control-area{width:90%}.in-store_popup .terms-and-conditions__control-area .form-row__field{padding:0}}@media (min-width:768px){.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr{padding-right:0}.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr .descr-wrap .in-store_basket-id{order:2;flex:2;text-align:right}.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr .descr-wrap p{order:1;flex:3}}@media (min-width:992px){.page_in-store_order-summary .container .content .checkout-confirmation-wrapper .header-descr .descr-wrap p{flex:6}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.footer-checkout{padding:0}.footer-checkout-holder{width:100%;margin-right:auto;margin-left:auto;display:flex;align-items:center;flex-direction:column;background-color:#f8f8f8;padding:25px 0}@media (min-width:576px){.footer-checkout-holder{max-width:540px}}@media (min-width:768px){.footer-checkout-holder{max-width:720px}}@media (min-width:992px){.footer-checkout-holder{max-width:960px}}@media (min-width:1200px){.footer-checkout-holder{max-width:1140px}}.footer-checkout .payments{margin-bottom:15px;position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;flex:0 0 100%;max-width:100%}.footer-checkout .payments .payments__item{margin-right:10px;vertical-align:middle}.footer-checkout .payments .payments__item .payments__icons{display:block;background:url(../../img/payments-sprite.png) no-repeat;border-radius:3px;text-indent:-9999px}.footer-checkout .payments .payments__item .payments__icons.payments-mastercard{background-position:-110px -9px;height:28px;width:36px}.footer-checkout .payments .payments__item .payments__icons.payments-maestro{background-position:-110px -49px;height:33px;width:36px;transform:translateY(3px)}.footer-checkout .payments .payments__item .payments__icons.payments-visa{background-position:-10px -54px;height:22px;width:68px}.footer-checkout .payments .payments__item .payments__icons.payments-paypal{background-position:-10px -9px;height:24px;width:80px}.footer-checkout__copyright{font-size:.75rem;line-height:1rem;white-space:nowrap}@media (min-width:768px){.footer-checkout{padding:0 15px}.footer-checkout-holder{flex-direction:row;justify-content:space-between}.footer-checkout .payments{text-align:left;margin-bottom:0;flex:0 0 50%;max-width:50%}.footer-checkout .payments .payments__item{margin-right:25px}}.form-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;background-color:#f8f8f8;padding-top:40px}@media (min-width:576px){.form-wrapper{max-width:540px}}@media (min-width:768px){.form-wrapper{max-width:720px}}@media (min-width:992px){.form-wrapper{max-width:960px}}@media (min-width:1200px){.form-wrapper{max-width:1140px}}.form-wrapper__block{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;justify-content:center}.form-wrapper__block .new-checkout-form{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px;flex:0 0 100%;max-width:100%}.form-wrapper__block .new-checkout-form__header{color:#003058;margin-bottom:30px;font-size:1.5rem;line-height:1.75rem}.form-wrapper__block .new-checkout-form__info{margin-bottom:40px;font-size:.875rem;line-height:1.25rem}.form-wrapper__block .new-checkout-form .new-checkout-form__submit-block{margin:40px 0}@media (min-width:768px){.form-wrapper{padding-top:95px}.form-wrapper__block .new-checkout-form{flex:0 0 83.3333333333%;max-width:83.3333333333%}}@media (min-width:992px){.form-wrapper__block .new-checkout-form{flex:0 0 50%;max-width:50%}}.checkout-forgotten-password .forgotten-password{padding-left:0;padding-right:0}.checkout-forgotten-password .forgotten-password-header{margin:0 15px 30px}.checkout-forgotten-password .notification{margin:0 15px 20px}.checkout-forgotten-password .form-row{padding:0}@media (min-width:768px){.checkout-forgotten-password .forgotten-password{padding-left:15px;padding-right:15px}.checkout-forgotten-password .forgotten-password-header{margin:0 0 50px}.checkout-forgotten-password .notification{margin:0 0 20px}.checkout-forgotten-password .form-wrapper__block .new-checkout-form .warning-required{padding-top:50px}}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
var Wick = Wick || {};
|
|
2
|
-
Wick.CheckoutDeliveryAddress = (function() {
|
|
3
|
-
var $page = $('.page_checkout-delivery-address');
|
|
4
|
-
|
|
5
|
-
function bindEvents(){
|
|
6
|
-
$('.btn-new-address').on('click', function(){
|
|
7
|
-
$('[data-new-address]').show();
|
|
8
|
-
$('[data-addresses]').hide();
|
|
9
|
-
$('.btn-new-address').hide();
|
|
10
|
-
|
|
11
|
-
if (Wick.Responsive.getCurrentBreakpoint() === 'down-sm') {
|
|
12
|
-
$('html, body').animate({
|
|
13
|
-
scrollTop: $('[data-new-address]').offset().top - 15
|
|
14
|
-
}, 700);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
return false;
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
$('.btn-back-to-addresses').on('click', function(){
|
|
21
|
-
$('[data-new-address]').hide();
|
|
22
|
-
$('[data-addresses]').show();
|
|
23
|
-
$('.btn-new-address').show();
|
|
24
|
-
return false;
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
$('.btn-delivery-details').on('click', function(){
|
|
28
|
-
var $form = $('#form-checkout-your-details');
|
|
29
|
-
if ($form.is(':visible')){
|
|
30
|
-
$form.submit();
|
|
31
|
-
return false;
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
if(!$page.length){
|
|
37
|
-
return;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
bindEvents();
|
|
41
|
-
})();
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
var Wick = Wick || {};
|
|
2
|
-
Wick.CheckoutSignIn = (function () {
|
|
3
|
-
function checkCheckbox () {
|
|
4
|
-
var passwordBlock = $('#checkout-sign-in-password');
|
|
5
|
-
if ($('input[name=sign-in-password]:checked').attr('id').indexOf('sign-in-check-password-switch') !== -1) {
|
|
6
|
-
passwordBlock.slideDown();
|
|
7
|
-
} else {
|
|
8
|
-
passwordBlock.slideUp();
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
checkCheckbox();
|
|
13
|
-
|
|
14
|
-
$('input[name=sign-in-password]').change(function () {
|
|
15
|
-
checkCheckbox();
|
|
16
|
-
});
|
|
17
|
-
})();
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
<div class="checkout-payment-details">
|
|
2
|
-
<form class="checkout-payment-details__payment-method form-bg">
|
|
3
|
-
<div class="checkout-payment-details__row">
|
|
4
|
-
<div class="checkout-payment-details__descr">
|
|
5
|
-
<h3 class="checkout-payment-details__title">Payment method</h3>
|
|
6
|
-
<div class="form-row">
|
|
7
|
-
<div class="form-row__field">
|
|
8
|
-
{{> radiobutton label="Credit/Debit card" name="payment-method" id="checkout-payment-details-card" checked=true value="card"}}
|
|
9
|
-
</div>
|
|
10
|
-
</div>
|
|
11
|
-
<div class="form-row">
|
|
12
|
-
<div class="form-row__field">
|
|
13
|
-
<label class="rbn rbn_align" for="checkout-payment-details-paypal">
|
|
14
|
-
<input type="radio" id="checkout-payment-details-paypal" name="payment-method"
|
|
15
|
-
value="paypal">
|
|
16
|
-
<ins></ins>
|
|
17
|
-
<img class="checkout-payment-details__icon" src="img/payments_paypal-large.png" width="90"
|
|
18
|
-
height="24" alt="paypal">
|
|
19
|
-
</label>
|
|
20
|
-
<a class="checkout-payment-details__link"
|
|
21
|
-
href="https://www.paypal.com/uk/webapps/mpp/paypal-popup"
|
|
22
|
-
target="_blank">What is PayPal?</a>
|
|
23
|
-
<p class="checkout-payment-details__paypal-email">contact@gmail.com <a href="#">Delete</a></p>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
<div data-paypal class="form-row form-row__save" style="display: none;">
|
|
29
|
-
<div class="form-row__field">
|
|
30
|
-
{{> checkbox id="chb-payment-details-paypal" label="Save my PayPal account" }}
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
<div data-existing-card>
|
|
34
|
-
<div data-card class="checkout-payment-details__row">
|
|
35
|
-
{{> checkout-deleted-payment-method-card }}
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
<div data-existing-card
|
|
39
|
-
class="form-row form-row__action form-row__action_custom checkout-payment-details__place-order">
|
|
40
|
-
<div class="form-row__col-btn">
|
|
41
|
-
<a class="btn btn-action btn_full" href="./page_checkout_confirmation.html">
|
|
42
|
-
<span class="btn__text">Place your order</span>
|
|
43
|
-
</a>
|
|
44
|
-
</div>
|
|
45
|
-
<div class="form-row__col-terms">
|
|
46
|
-
By placing your order, you accept our
|
|
47
|
-
<a href="#" class="link-secondary" data-toggle="modal" data-target="#modal-terms-and-conditions">
|
|
48
|
-
Terms & Conditions of sale
|
|
49
|
-
</a>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
<div data-new-card style="display: none;">
|
|
53
|
-
<div data-card class="checkout-payment-details__row">
|
|
54
|
-
<div class="checkout-payment-details__back-btn">
|
|
55
|
-
<a href="#" class="link-primary btn-back-to-existing-card">Select saved card</a>
|
|
56
|
-
</div>
|
|
57
|
-
</div>
|
|
58
|
-
{{> checkout-edit-billing-address attr="data-card" actionBlock="true" }}
|
|
59
|
-
</div>
|
|
60
|
-
</form>
|
|
61
|
-
<form class="checkout-payment-details__card-details form-bg checkout-payment-details__card-details_hidden">
|
|
62
|
-
{{> checkout-edit-card-details }}
|
|
63
|
-
<div class="form-row form-row__action form-row__action_custom">
|
|
64
|
-
<div class="form-row__col-btn">
|
|
65
|
-
<button class="btn btn-action btn_full" type="submit">
|
|
66
|
-
<span class="btn__text">Place your order</span>
|
|
67
|
-
</button>
|
|
68
|
-
</div>
|
|
69
|
-
<div class="form-row__col-terms">
|
|
70
|
-
By placing your order, you accept our
|
|
71
|
-
<a href="#" class="link-secondary" data-toggle="modal" data-target="#modal-terms-and-conditions">
|
|
72
|
-
Terms & Conditions of sale
|
|
73
|
-
</a>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
</form>
|
|
77
|
-
</div>
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
<div class="checkout-payment-details__descr_large">
|
|
2
|
-
<div class="form-row">
|
|
3
|
-
<h4 class="checkout-payment-details__card-title">Select an existing card</h4>
|
|
4
|
-
<div class="checkout-payment-details__info-holder">
|
|
5
|
-
<p class="checkout-payment-details__info">Please select a card to pay for your order or add a new one.</p>
|
|
6
|
-
<div class="checkout-payment-details__col-btn_info">
|
|
7
|
-
<button class="btn btn-secondary btn_full btn-new-card">
|
|
8
|
-
<span class="btn__text">Add new card</span>
|
|
9
|
-
</button>
|
|
10
|
-
</div>
|
|
11
|
-
</div>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="checkout-payment-details__card-holder">
|
|
15
|
-
<div class="checkout-payment-details__card js-selectable js-selectable_selected">
|
|
16
|
-
<div class="checkout-payment-details__card-content">
|
|
17
|
-
<div class="row">
|
|
18
|
-
<div class="col">
|
|
19
|
-
<h5 class="checkout-payment-details__card-heading">Payment card</h5>
|
|
20
|
-
<dl class="checkout-payment-details__card-info">
|
|
21
|
-
<dt>Card type:</dt>
|
|
22
|
-
<dd><span>Visa</span></dd>
|
|
23
|
-
<dt>Name on card:</dt>
|
|
24
|
-
<dd><span>Konstantin Konstantinopolsky</span></dd>
|
|
25
|
-
<dt>Card number:</dt>
|
|
26
|
-
<dd><span>41114111*****111</span></dd>
|
|
27
|
-
<dt>Expiry date:</dt>
|
|
28
|
-
<dd><span>06/2026</span></dd>
|
|
29
|
-
</dl>
|
|
30
|
-
</div>
|
|
31
|
-
<div class="col">
|
|
32
|
-
<h5 class="checkout-payment-details__card-heading">Billing address</h5>
|
|
33
|
-
<address class="address-data">
|
|
34
|
-
<span class="address-data__name">Russell & Bromley</span>
|
|
35
|
-
<span class="address-data__address1">29 Acacia Road</span>
|
|
36
|
-
<span class="address-data__city">London</span>
|
|
37
|
-
<span class="address-data__state">N7 3BM </span>
|
|
38
|
-
<span class="address-data__country">United Kingdom</span>
|
|
39
|
-
</address>
|
|
40
|
-
</div>
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
<div class="row confirm-delete">
|
|
44
|
-
<div class="col-12">
|
|
45
|
-
<div class="checkout-payment-details__delete">
|
|
46
|
-
<p class="delete-heading">Delete this payment card?</p>
|
|
47
|
-
<a href="#" class="btn btn-secondary">
|
|
48
|
-
<span class="btn__text">Cancel</span>
|
|
49
|
-
</a>
|
|
50
|
-
<a href="#" class="btn btn-primary">
|
|
51
|
-
<span class="btn__text">Yes, delete</span>
|
|
52
|
-
</a>
|
|
53
|
-
<p class="delete-warning">You will not be able to undo this action</p>
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
</div>
|
|
57
|
-
</div>
|
|
58
|
-
</div>
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
{{#extend "modal"
|
|
2
|
-
classMod="edit-delivery-addr-guest"
|
|
3
|
-
id="modalEditBilling"
|
|
4
|
-
title="Edit billing address"
|
|
5
|
-
fullWidth=true}}
|
|
6
|
-
{{#content "header"}}{{/content}}
|
|
7
|
-
{{#content "sections"}}
|
|
8
|
-
{{#extend "modal-body-section" customSectionClass="edit-delivery-addr-guest__form"}}
|
|
9
|
-
{{#content "body"}}
|
|
10
|
-
<form class="form-wrapper checkout-payment-details" id="edit-billing-address">
|
|
11
|
-
<div class="checkout-payment-details__payment-method">
|
|
12
|
-
{{> checkout-edit-billing-address open-delivery-block="true" descrModifier="_full" edit-bill-mod=true}}
|
|
13
|
-
</div>
|
|
14
|
-
{{#if cardDetailsPresent}}
|
|
15
|
-
<div class="checkout-payment-details__card-details">
|
|
16
|
-
{{> checkout-edit-card-details descrModifier="_full" }}
|
|
17
|
-
</div>
|
|
18
|
-
{{/if}}
|
|
19
|
-
<div class="form-row form-row__action_normal">
|
|
20
|
-
<div class="form-row__col-btn">
|
|
21
|
-
<button class="btn btn-primary btn_full">
|
|
22
|
-
<span class="btn__text">Save address</span>
|
|
23
|
-
</button>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
</form>
|
|
27
|
-
{{/content}}
|
|
28
|
-
{{/extend}}
|
|
29
|
-
{{/content}}
|
|
30
|
-
{{/extend}}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<div class="checkout-payment-details__row">
|
|
2
|
-
<div class="checkout-in-store-details">
|
|
3
|
-
<div class="warning-required">Required fields</div>
|
|
4
|
-
{{> form-row id="first-name" label="Customer's first name" required="true"}}
|
|
5
|
-
{{> form-row id="surname" label="Customer's last name" required="true"}}
|
|
6
|
-
{{> form-row id="cutomer-receipt-number" label="Customer's receipt number" required="true"}}
|
|
7
|
-
{{> form-row id="cutomer-colleague-id" label="Colleague ID" required="true"}}
|
|
8
|
-
</div>
|
|
9
|
-
</div>
|
|
10
|
-
{{#if actionBlock }}
|
|
11
|
-
<div class="form-row checkout-payment-details__place-order">
|
|
12
|
-
<div class="in-store-checkout__submit">
|
|
13
|
-
<button class="btn btn-action btn_full" id="instore-place-order">
|
|
14
|
-
<span class="btn__text">Place your order</span>
|
|
15
|
-
</button>
|
|
16
|
-
</div>
|
|
17
|
-
</div>
|
|
18
|
-
{{/if}}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<div class="checkout-widget delivery-widget">
|
|
2
|
-
<h3 class="heading-3 clearfix">
|
|
3
|
-
<span>Delivery</span>
|
|
4
|
-
{{#if modal}}
|
|
5
|
-
<a href="#" class="checkout-widget__edit-link" data-toggle="modal" data-target="#{{modal}}">Edit</a>
|
|
6
|
-
{{/if}}
|
|
7
|
-
</h3>
|
|
8
|
-
<div class="checkout-widget__delivery-option">
|
|
9
|
-
{{>checkout-address-time time=true sidebar=true}}
|
|
10
|
-
</div>
|
|
11
|
-
</div>
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
<div class="checkout-your-details {{mod}} {{uid}}">
|
|
2
|
-
<div class="form-row pt-0">
|
|
3
|
-
<div class="form-row__col-btn">
|
|
4
|
-
<button class="btn btn-primary btn_full">
|
|
5
|
-
<span class="btn__text">Choose address</span>
|
|
6
|
-
</button>
|
|
7
|
-
</div>
|
|
8
|
-
</div>
|
|
9
|
-
<h3 class="border-top-0">Your details</h3>
|
|
10
|
-
{{#if intro}}
|
|
11
|
-
<p>Please fill in your address details below. This information will be used for your delivery and payment </p>
|
|
12
|
-
{{/if}}
|
|
13
|
-
<div class="warning-required">Required fields</div>
|
|
14
|
-
{{> form-row dropdown="true" id="title" label="Title" placeholder="Please select" required="true"}}
|
|
15
|
-
{{> form-row id="first-name" label="First name" required="true"}}
|
|
16
|
-
{{> form-row id="surname" label="Surname" required="true"}}
|
|
17
|
-
{{> form-row type="tel" id="mobile" label="Mobile telephone" required="true" infoIcon-uid=uid infoIcon="We need your phone number so that we can call or text you with information about your order"}}
|
|
18
|
-
{{> form-row type="tel" id="telephone" label="Home telephone" row-mod="row-tel"}}
|
|
19
|
-
<h3>Delivery Address</h3>
|
|
20
|
-
|
|
21
|
-
{{> address-postcode-look-up}}
|
|
22
|
-
|
|
23
|
-
<div class="form-row">
|
|
24
|
-
<div class="form-row__field">
|
|
25
|
-
{{> checkbox id="save-address" label="Save this address to my address book" }}
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
|
|
29
|
-
<div class="form-row">
|
|
30
|
-
<div class="form-row__field">
|
|
31
|
-
{{> checkbox id="set-as-default-address" label="Make this my default address" }}
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
</div>
|