wickes-css2 2.113.0-develop.12 → 2.113.0-develop.13
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/Readme.md +0 -1
- package/build/css/components/checkout-payment-details-v2.css +1 -1
- package/build/css/components/checkout-payment-repayment-terms.css +1 -1
- 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_checkout_delivery-new.css +1 -1
- package/package.json +1 -1
- package/src/page_checkout_delivery-details-v2-calendar-not-loaded.html +167 -0
- package/src/page_checkout_payment-details-v2-asm.html +2 -3
- package/src/page_checkout_payment-details-v2.html +2 -3
- package/src/page_checkout_payment-details_with-card-loader.html +2 -3
- package/src/page_checkout_payment-details_with-klarna-loader.html +2 -3
- package/src/page_checkout_payment-details_with-loader-v2.html +2 -3
- package/src/page_klarna_payment-details_with-klarna.html +2 -3
- package/src/page_payment-details-billie-registered-only.html +2 -3
- package/src/page_payment-details-billie-unregistered-only.html +2 -3
- package/src/page_payment-details-with-billie.html +2 -3
- package/src/page_payment-details-with-clearpay.html +2 -3
- package/src/page_payment-details-with-gift-card.html +2 -3
- package/src/page_payment-details_with_apple-pay.html +0 -1
- package/src/page_payment-details_with_google-pay.html +2 -3
- package/src/scss/components/_date-selection-add-new-styles.scss +24 -3
- package/src/scss/components/_gift-cards.scss +1 -1
- package/src/scss/components/checkout-payment-details-v2.scss +44 -20
- package/src/scss/components/checkout-payment-repayment-terms.scss +0 -1
- package/src/scss/pages/_checkout_delivery-details.scss +16 -104
- package/src/scss/pages/page_checkout_delivery-new.scss +252 -164
- package/src/sitemap.html +2 -0
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
{{#extend "checkout-new" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Delivery details calendar not loaded" isAsideSticky="true"}}
|
|
2
|
+
{{#content "steps"}}
|
|
3
|
+
{{> steps-three-steps active-step-index="1"}}
|
|
4
|
+
{{/content}}
|
|
5
|
+
|
|
6
|
+
{{#content "head" mode="append"}}
|
|
7
|
+
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
8
|
+
<link type="text/css" rel="stylesheet" href="./css/pages/page_checkout_delivery-new.css">
|
|
9
|
+
{{/content}}
|
|
10
|
+
|
|
11
|
+
{{#content "aside"}}
|
|
12
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true}}
|
|
13
|
+
{{/content}}
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
{{#content "main"}}
|
|
17
|
+
<div class="delivery-block">
|
|
18
|
+
<h3 class="delivery-block__heading">Delivery Information</h3>
|
|
19
|
+
<div class="delivery-block__wrapper">
|
|
20
|
+
|
|
21
|
+
<div class="date-selection__wrapper">
|
|
22
|
+
<h3 class="date-selection__header">Select delivery date</h3>
|
|
23
|
+
<p class="date-selection__info-block">
|
|
24
|
+
Please choose a date for delivery from the calendar below
|
|
25
|
+
</p>
|
|
26
|
+
</div>
|
|
27
|
+
|
|
28
|
+
<div class="component component-date-selection">
|
|
29
|
+
<div class="delivery-details-product-oos">
|
|
30
|
+
<div class="product-oos-inner">
|
|
31
|
+
<div class="row">
|
|
32
|
+
<div class="content">
|
|
33
|
+
<h5>
|
|
34
|
+
We will pick the next available slot for you
|
|
35
|
+
</h5>
|
|
36
|
+
<p>The delivery calendar is not available at the moment but don't worry, we will pick the next available delivery slot for you. We will be in touch via email to confirm your delivery date.</p>
|
|
37
|
+
<p>Please press the Payment details button to continue.</p>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
{{#with checkoutOrder.deliveryDeliveryDetails.[0]}}
|
|
46
|
+
<div class="checkout-order">
|
|
47
|
+
{{> checkout-order-block}}
|
|
48
|
+
</div>
|
|
49
|
+
{{/with}}
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
<div class="click-collect-block">
|
|
56
|
+
<h3 class="click-collect-block__heading">Click & Collect</h3>
|
|
57
|
+
|
|
58
|
+
<div class="click-collect-block__head-info">
|
|
59
|
+
<p>Simply enter or correct the contact information required below and continue to the next step of the checkout.</p>
|
|
60
|
+
<div class="head-info__wrapper">
|
|
61
|
+
<div class="head-info__wrapper-exclamation">
|
|
62
|
+
<i class="far fa-exclamation-circle"></i>
|
|
63
|
+
<span>Your order will be held for up to 24 hours</span>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="head-info__wrapper-text">
|
|
66
|
+
<p>You will receive a text when your order is ready to collect (usually within 1 trading hour of receiving your order confirmation email).</p>
|
|
67
|
+
<p>Please wait for confirmation before travelling to your chosen store.</p>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
</div>
|
|
71
|
+
|
|
72
|
+
<div class="click-collect-block__wrapper">
|
|
73
|
+
|
|
74
|
+
{{#with checkoutOrder.clickCollectDeliveryAddress.[0]}}
|
|
75
|
+
<div class="checkout-order">
|
|
76
|
+
{{> checkout-order-block}}
|
|
77
|
+
</div>
|
|
78
|
+
{{/with}}
|
|
79
|
+
|
|
80
|
+
<div class="add-contact-details">
|
|
81
|
+
<h3 class="add-contact-details__heading">Add contact details</h3>
|
|
82
|
+
<p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
|
|
83
|
+
|
|
84
|
+
<div class="add-contact-details__form">
|
|
85
|
+
{{> form-row type="tel" id="mobile" label="Mobile number" required="true"}}
|
|
86
|
+
{{> form-row type="tel" id="home-phone" label="Home phone"}}
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
|
91
|
+
|
|
92
|
+
<div class="simplify-collection">
|
|
93
|
+
<h3 class="simplify-collection__heading">Simplify your collection</h3>
|
|
94
|
+
<p class="simplify-collection__info">All the Click & Collect items in your order are currently available at the following stores. Select
|
|
95
|
+
one of the store to collect all your items from the same location.</p>
|
|
96
|
+
|
|
97
|
+
<div class="simplify-collection__wrapper">
|
|
98
|
+
<div class="your-contact-details__checkbox">
|
|
99
|
+
{{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
|
|
100
|
+
{{#content "html"}}
|
|
101
|
+
<span class="distance">6.2 Miles</span>
|
|
102
|
+
<div class="store-address">
|
|
103
|
+
<div class="store-address__street">Wickes Larch Street,</div>
|
|
104
|
+
<div class="store-address__town">Oldham</div>
|
|
105
|
+
<div class="store-address__city">Greater Manchester,</div>
|
|
106
|
+
<div class="store-address__postcode">OL8 1TA</div>
|
|
107
|
+
<div class="store-address__country">United Kingdom</div>
|
|
108
|
+
</div>
|
|
109
|
+
{{/content}}
|
|
110
|
+
{{/extend}}
|
|
111
|
+
</div>
|
|
112
|
+
<div class="your-contact-details__checkbox">
|
|
113
|
+
{{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
|
|
114
|
+
{{#content "html"}}
|
|
115
|
+
<span class="distance">4.9 Miles</span>
|
|
116
|
+
<div class="store-address">
|
|
117
|
+
<div class="store-address__street">Wickes Wynne Avenue,</div>
|
|
118
|
+
<div class="store-address__town"> Clifton, Swinton</div>
|
|
119
|
+
<div class="store-address__city">Greater Manchester,</div>
|
|
120
|
+
<div class="store-address__postcode">M27 8FU</div>
|
|
121
|
+
<div class="store-address__country">United Kingdom</div>
|
|
122
|
+
</div>
|
|
123
|
+
{{/content}}
|
|
124
|
+
{{/extend}}
|
|
125
|
+
</div>
|
|
126
|
+
</div>
|
|
127
|
+
|
|
128
|
+
<p class="simplify-collection__info">I would like to update my order to collect all my items from one store.</p>
|
|
129
|
+
|
|
130
|
+
<button class="btn btn-primary simplify-collection__btn">
|
|
131
|
+
<span class="btn__text">Simplify collection</span>
|
|
132
|
+
</button>
|
|
133
|
+
</div>
|
|
134
|
+
|
|
135
|
+
<div class="continue-btn">
|
|
136
|
+
<button class="btn btn-action">Continue to Payment Details</button>
|
|
137
|
+
</div>
|
|
138
|
+
|
|
139
|
+
{{/content}}
|
|
140
|
+
|
|
141
|
+
{{#content "foot" mode="append"}}
|
|
142
|
+
{{> checkout-voucher-remove-modal
|
|
143
|
+
shopping-cart-v2.checkout.voucher-remove-popup
|
|
144
|
+
id="voucher-remove-popup"
|
|
145
|
+
}}
|
|
146
|
+
<script defer src="./js/page/checkout-confirmation-new.js"></script>
|
|
147
|
+
<script defer src="./js/page/select-address.js"></script>
|
|
148
|
+
|
|
149
|
+
{{#extend "modal" classMod="edit-delivery-address" id="modalEditAddress" title="Edit delivery address" fullWidth=true}}
|
|
150
|
+
{{#content "body"}}
|
|
151
|
+
<div class="edit-address-modal-block">
|
|
152
|
+
<div class="delivery-block__wrapper customer-journey-block">
|
|
153
|
+
{{> notifications notification-page.error-deliver-area}}
|
|
154
|
+
<div class="delivery-block__wrapper customer-journey-block">
|
|
155
|
+
{{> user-address-delivery radioName="checkout-address-radio" modal="modalDeliveryEdit" selectedAddress=true simpleAddress=true isDeleted=true}}
|
|
156
|
+
</div>
|
|
157
|
+
</div>
|
|
158
|
+
|
|
159
|
+
<button class="btn btn-action btn_full">
|
|
160
|
+
<span class="btn__text">Continue to delivery details</span>
|
|
161
|
+
</button>
|
|
162
|
+
</div>
|
|
163
|
+
{{/content}}
|
|
164
|
+
{{/extend}}
|
|
165
|
+
|
|
166
|
+
{{/content}}
|
|
167
|
+
{{/extend}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
3
|
{{> steps active-step-index="3" }}
|
|
4
4
|
{{/content}}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
{{/content}}
|
|
12
12
|
|
|
13
13
|
{{#content "aside"}}
|
|
14
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true hideDeliveryCostMessage=true}}
|
|
14
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true email=true hideDeliveryCostMessage=true checkout=true}}
|
|
15
15
|
{{/content}}
|
|
16
16
|
|
|
17
17
|
|
|
@@ -39,7 +39,6 @@
|
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
41
|
<div class="billing-payment-block">
|
|
42
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
43
42
|
<div class="billing-payment-block__wrapper">
|
|
44
43
|
{{> checkout-payment-details-v2 }}
|
|
45
44
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details" isAsideSticky="true"
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
3
|
{{> steps-three-steps active-step-index="2"}}
|
|
4
4
|
{{/content}}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
{{/content}}
|
|
12
12
|
|
|
13
13
|
{{#content "aside"}}
|
|
14
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true
|
|
14
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
|
|
15
15
|
{{/content}}
|
|
16
16
|
|
|
17
17
|
|
|
@@ -39,7 +39,6 @@
|
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
41
|
<div class="billing-payment-block">
|
|
42
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
43
42
|
<div class="billing-payment-block__wrapper">
|
|
44
43
|
{{> checkout-payment-details-v2 }}
|
|
45
44
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
3
|
{{> steps-three-steps active-step-index="3" }}
|
|
4
4
|
{{/content}}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
{{/content}}
|
|
12
12
|
|
|
13
13
|
{{#content "aside"}}
|
|
14
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
|
|
14
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
|
|
15
15
|
{{/content}}
|
|
16
16
|
|
|
17
17
|
|
|
@@ -39,7 +39,6 @@
|
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
41
|
<div class="billing-payment-block">
|
|
42
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
43
42
|
<div class="billing-payment-block__wrapper">
|
|
44
43
|
{{> checkout-payment-details-v2 }}
|
|
45
44
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details Klarna Loader" isAsideSticky="true"}}
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details Klarna Loader" isAsideSticky="true" checkout=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
3
|
{{> steps-three-steps active-step-index="3" }}
|
|
4
4
|
{{/content}}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
{{/content}}
|
|
12
12
|
|
|
13
13
|
{{#content "aside"}}
|
|
14
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
|
|
14
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
|
|
15
15
|
{{/content}}
|
|
16
16
|
|
|
17
17
|
|
|
@@ -39,7 +39,6 @@
|
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
41
|
<div class="billing-payment-block">
|
|
42
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
43
42
|
<div class="billing-payment-block__wrapper">
|
|
44
43
|
{{> checkout-payment-details-v2 }}
|
|
45
44
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true"}}
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details" isAsideSticky="true" checkout=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
3
|
{{> steps-three-steps active-step-index="3" }}
|
|
4
4
|
{{/content}}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
{{/content}}
|
|
12
12
|
|
|
13
13
|
{{#content "aside"}}
|
|
14
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
|
|
14
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
|
|
15
15
|
{{/content}}
|
|
16
16
|
|
|
17
17
|
|
|
@@ -39,7 +39,6 @@
|
|
|
39
39
|
</div>
|
|
40
40
|
|
|
41
41
|
<div class="billing-payment-block">
|
|
42
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
43
42
|
<div class="billing-payment-block__wrapper">
|
|
44
43
|
{{> checkout-payment-details-v2 }}
|
|
45
44
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Klarna" isAsideSticky="true"}}
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Klarna" isAsideSticky="true" checkout=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
3
|
{{> steps-three-steps active-step-index="2"}}
|
|
4
4
|
{{/content}}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
{{/content}}
|
|
14
14
|
|
|
15
15
|
{{#content "aside"}}
|
|
16
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
|
|
16
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
|
|
17
17
|
{{/content}}
|
|
18
18
|
|
|
19
19
|
|
|
@@ -42,7 +42,6 @@
|
|
|
42
42
|
</div>
|
|
43
43
|
|
|
44
44
|
<div class="billing-payment-block">
|
|
45
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
46
45
|
<div class="billing-payment-block__wrapper">
|
|
47
46
|
{{> checkout-payment-details-v2 klarna-method=true}}
|
|
48
47
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true"
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
|
|
2
2
|
|
|
3
3
|
{{#content "head" mode="append"}}
|
|
4
4
|
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
{{/content}}
|
|
17
17
|
|
|
18
18
|
{{#content "aside"}}
|
|
19
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true
|
|
19
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
|
|
20
20
|
{{/content}}
|
|
21
21
|
|
|
22
22
|
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
</div>
|
|
45
45
|
|
|
46
46
|
<div class="billing-payment-block">
|
|
47
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
48
47
|
<div class="billing-payment-block__wrapper">
|
|
49
48
|
{{> checkout-payment-details-v2
|
|
50
49
|
apple-pay=true
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true"
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
|
|
2
2
|
|
|
3
3
|
{{#content "head" mode="append"}}
|
|
4
4
|
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
{{/content}}
|
|
17
17
|
|
|
18
18
|
{{#content "aside"}}
|
|
19
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true
|
|
19
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
|
|
20
20
|
{{/content}}
|
|
21
21
|
|
|
22
22
|
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
</div>
|
|
45
45
|
|
|
46
46
|
<div class="billing-payment-block">
|
|
47
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
48
47
|
<div class="billing-payment-block__wrapper">
|
|
49
48
|
{{> checkout-payment-details-v2
|
|
50
49
|
apple-pay=true
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true"
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Billie" isAsideSticky="true" checkout=true}}
|
|
2
2
|
|
|
3
3
|
{{#content "head" mode="append"}}
|
|
4
4
|
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
{{/content}}
|
|
17
17
|
|
|
18
18
|
{{#content "aside"}}
|
|
19
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true
|
|
19
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
|
|
20
20
|
{{/content}}
|
|
21
21
|
|
|
22
22
|
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
</div>
|
|
45
45
|
|
|
46
46
|
<div class="billing-payment-block">
|
|
47
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
48
47
|
<div class="billing-payment-block__wrapper">
|
|
49
48
|
{{> checkout-payment-details-v2 apple-pay=true google-pay=true clear-pay=true billie=true edit-bill-mod=true billie-form=true open-delivery-block=true}}
|
|
50
49
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Clear Pay" isAsideSticky="true"
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Clear Pay" isAsideSticky="true" checkout=true}}
|
|
2
2
|
|
|
3
3
|
{{#content "head" mode="append"}}
|
|
4
4
|
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
{{/content}}
|
|
17
17
|
|
|
18
18
|
{{#content "aside"}}
|
|
19
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true
|
|
19
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
|
|
20
20
|
{{/content}}
|
|
21
21
|
|
|
22
22
|
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
</div>
|
|
45
45
|
|
|
46
46
|
<div class="billing-payment-block">
|
|
47
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
48
47
|
<div class="billing-payment-block__wrapper">
|
|
49
48
|
{{> checkout-payment-details-v2 klarna-method=true apple-pay=true google-pay=true clear-pay=true}}
|
|
50
49
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Gift Cards" isAsideSticky="true"
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new" title="Checkout - Payment details with Gift Cards" isAsideSticky="true" checkout=true}}
|
|
2
2
|
|
|
3
3
|
{{#content "head" mode="append"}}
|
|
4
4
|
<link type="text/css" rel="stylesheet" href="./css/pages/checkout-new.css">
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
{{/content}}
|
|
19
19
|
|
|
20
20
|
{{#content "aside"}}
|
|
21
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true
|
|
21
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true checkout=true hideDeliveryCostMessage=true}}
|
|
22
22
|
{{/content}}
|
|
23
23
|
|
|
24
24
|
|
|
@@ -46,7 +46,6 @@
|
|
|
46
46
|
</div>
|
|
47
47
|
|
|
48
48
|
<div class="billing-payment-block">
|
|
49
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
50
49
|
<div class="billing-payment-block__wrapper">
|
|
51
50
|
{{> checkout-payment-details-v2 apple-pay=true google-pay=true clear-pay=true klarna-method=true}}
|
|
52
51
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Google Pay" isAsideSticky="true"}}
|
|
1
|
+
{{#extend "checkout" pageClass="page_checkout-delivery-new page_checkout-confirmation-new page_checkout" title="Checkout - Payment details with Google Pay" isAsideSticky="true" checkout=true}}
|
|
2
2
|
{{#content "steps"}}
|
|
3
3
|
{{> steps-three-steps active-step-index="2"}}
|
|
4
4
|
{{/content}}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
{{/content}}
|
|
14
14
|
|
|
15
15
|
{{#content "aside"}}
|
|
16
|
-
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true}}
|
|
16
|
+
{{> order-summary delivery-address-v2.summary no-action=true id=1 basket-id=true hideDeliveryCostMessage=true checkout=true}}
|
|
17
17
|
{{/content}}
|
|
18
18
|
|
|
19
19
|
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
</div>
|
|
45
45
|
|
|
46
46
|
<div class="billing-payment-block">
|
|
47
|
-
<h3 class="billing-payment-block__heading">Billing & Payment</h3>
|
|
48
47
|
<div class="billing-payment-block__wrapper">
|
|
49
48
|
{{> checkout-payment-details-v2 klarna-method=true apple-pay=true google-pay=true}}
|
|
50
49
|
</div>
|
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
.date-selection {
|
|
2
|
+
&__inner {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
gap: 16px;
|
|
6
|
+
};
|
|
7
|
+
|
|
2
8
|
&-hidden {
|
|
3
9
|
display: none;
|
|
4
10
|
}
|
|
5
11
|
|
|
12
|
+
.delivery-time {
|
|
13
|
+
&__rapid-hint {
|
|
14
|
+
border-top: 0;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
6
18
|
&__info-block {
|
|
7
19
|
&-error {
|
|
8
20
|
display: flex;
|
|
@@ -25,8 +37,7 @@
|
|
|
25
37
|
}
|
|
26
38
|
|
|
27
39
|
.calendar {
|
|
28
|
-
|
|
29
|
-
border: 0;
|
|
40
|
+
padding: 16px;
|
|
30
41
|
|
|
31
42
|
&__head {
|
|
32
43
|
margin-bottom: 20px;
|
|
@@ -189,8 +200,8 @@
|
|
|
189
200
|
border: 0;
|
|
190
201
|
|
|
191
202
|
.delivery-types {
|
|
192
|
-
padding: 0 0 10px;
|
|
193
203
|
margin: 0;
|
|
204
|
+
padding: 0;
|
|
194
205
|
background: initial;
|
|
195
206
|
|
|
196
207
|
&__inner {
|
|
@@ -199,6 +210,10 @@
|
|
|
199
210
|
}
|
|
200
211
|
}
|
|
201
212
|
}
|
|
213
|
+
|
|
214
|
+
.calendar {
|
|
215
|
+
border: 1px solid $gray;
|
|
216
|
+
}
|
|
202
217
|
}
|
|
203
218
|
}
|
|
204
219
|
|
|
@@ -353,12 +368,18 @@
|
|
|
353
368
|
|
|
354
369
|
@include media-breakpoint-up(md) {
|
|
355
370
|
.date-selection {
|
|
371
|
+
&__inner {
|
|
372
|
+
flex-direction: row;
|
|
373
|
+
};
|
|
374
|
+
|
|
356
375
|
.delivery-date,
|
|
357
376
|
.delivery-time {
|
|
358
377
|
height: auto;
|
|
359
378
|
}
|
|
360
379
|
|
|
361
380
|
.calendar {
|
|
381
|
+
padding: 24px;
|
|
382
|
+
|
|
362
383
|
&__message {
|
|
363
384
|
padding: 50px 40px 70px;
|
|
364
385
|
}
|