wickes-css2 2.113.0-develop.13 → 2.113.0-develop.15
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/my-account-main-v2.css +1 -1
- package/build/css/my-account-main.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/css/store-locator-main.css +1 -1
- package/build/js/bloomreach-widget.min.js +1 -1
- package/build/js/emulation.min.js +36 -16
- package/build/js/page/bloomreach-widget/bloomreach-recommendation-carousel-widget.js +7 -6
- package/build/js/page/bloomreach-widget/bloomreach-widget-core.js +2 -0
- package/build/js/page/bloomreach-widget/bloomreach-widget.js +5 -0
- package/build/js/page/bloomreach-widget/complete-your-project/widget.js +0 -1
- package/build/js/page/bloomreach-widget/similar-products-widget.js +17 -0
- package/package.json +1 -1
- package/src/components/bloomreach/why-not-add-card.hbs +25 -6
- package/src/components/bloomreach/why-not-add.hbs +1 -1
- package/src/components/price-block-v2.hbs +90 -72
- package/src/js/emulation/mock.js +9 -0
- package/src/js/emulation/similar-products-loading.js +22 -0
- package/src/js/page/bloomreach-widget/bloomreach-recommendation-carousel-widget.js +7 -6
- package/src/js/page/bloomreach-widget/bloomreach-widget-core.js +2 -0
- package/src/js/page/bloomreach-widget/bloomreach-widget.js +5 -0
- package/src/js/page/bloomreach-widget/complete-your-project/widget.js +0 -1
- package/src/js/page/bloomreach-widget/similar-products-widget.js +17 -0
- package/src/page_product-details-with-similar-products-widget.html +132 -0
- package/src/scss/components/_map.scss +38 -0
- package/src/scss/components/bloomreach/_why-not-add.scss +3 -1
- package/src/sitemap.html +12 -6
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
{{#extend "base" pageClass="page-product-details" title="Product details page new"
|
|
2
|
+
isDiscount=true
|
|
3
|
+
isSQM=true
|
|
4
|
+
isDescription=true
|
|
5
|
+
isCashback=false
|
|
6
|
+
isSize=true
|
|
7
|
+
isGuide=true
|
|
8
|
+
hourly-delivery=true
|
|
9
|
+
badge-text='15% off'
|
|
10
|
+
badge-color='yellow'
|
|
11
|
+
badge-text-color='gray'
|
|
12
|
+
currentlyInStock=true
|
|
13
|
+
pagePdp=true
|
|
14
|
+
globalSearchV2="true"
|
|
15
|
+
switch-vat=true
|
|
16
|
+
}}
|
|
17
|
+
{{#content "head" mode="append" pagePdp=true}}
|
|
18
|
+
<link type="text/css" rel="stylesheet" href="./css/components/global-search.css">
|
|
19
|
+
{{/content}}
|
|
20
|
+
{{#content "body"}}
|
|
21
|
+
{{>tradepro-discount-banner}}
|
|
22
|
+
<main class="pdp__main">
|
|
23
|
+
<div class="container">
|
|
24
|
+
<div class="pdp">
|
|
25
|
+
<div class="pdp__title">
|
|
26
|
+
<h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
|
|
27
|
+
title in two raws
|
|
28
|
+
</h1>
|
|
29
|
+
<div class="pdp__reviews_small">
|
|
30
|
+
<span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
|
|
31
|
+
<div class="product-card__reviews review-star">
|
|
32
|
+
<div class="product-rating product-rating-v2">
|
|
33
|
+
<div class="rating-bg">
|
|
34
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
35
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
36
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
37
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
38
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
39
|
+
<div class="rating-overlay"
|
|
40
|
+
data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
|
|
41
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
42
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
43
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
44
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
45
|
+
<i class="fa fa-star" aria-hidden="true"></i>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
<span class="review-star-average review-star-average-v2">(4.6)</span>
|
|
50
|
+
</div>
|
|
51
|
+
<span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
|
|
52
|
+
</div>
|
|
53
|
+
</div>
|
|
54
|
+
|
|
55
|
+
<div class="pdp__gallery">
|
|
56
|
+
{{> gallery-pdp-v2 }}
|
|
57
|
+
</div>
|
|
58
|
+
<div class="pdp__aside">
|
|
59
|
+
{{> price-block-v2
|
|
60
|
+
isProductSaved=false
|
|
61
|
+
isUserLogedOut=true
|
|
62
|
+
install=true
|
|
63
|
+
sample=true
|
|
64
|
+
cc=true
|
|
65
|
+
delivery=true
|
|
66
|
+
noDelivery=true
|
|
67
|
+
klarna-placement=true
|
|
68
|
+
similarProductsMockDataKey="similarProductsRecommendations"
|
|
69
|
+
}}
|
|
70
|
+
</div>
|
|
71
|
+
<div class="pdp__description">
|
|
72
|
+
{{> product-main-info-v2 isProductSaved=true}}
|
|
73
|
+
</div>
|
|
74
|
+
<div class="pdp__widget">
|
|
75
|
+
{{> bloomreach/complete-your-project
|
|
76
|
+
context="completeYourProject3Recomendations"
|
|
77
|
+
}}
|
|
78
|
+
</div>
|
|
79
|
+
{{> fulfilment-accordions }}
|
|
80
|
+
</div>
|
|
81
|
+
</div>
|
|
82
|
+
<div class="container container-info">
|
|
83
|
+
<div class="pdp">
|
|
84
|
+
<div class="pdp__info">
|
|
85
|
+
{{> pdp-info-v2 }}
|
|
86
|
+
</div>
|
|
87
|
+
</div>
|
|
88
|
+
</div>
|
|
89
|
+
{{> recently-viewed }}
|
|
90
|
+
|
|
91
|
+
{{> similar-products-v2 }}
|
|
92
|
+
|
|
93
|
+
{{> seo-widgets title="More products" }}
|
|
94
|
+
{{> seo-widgets title="Related category" }}
|
|
95
|
+
</main>
|
|
96
|
+
{{/content}}
|
|
97
|
+
{{#content "foot" mode="append"}}
|
|
98
|
+
<script type="text/html" id="mini-basket-popup">
|
|
99
|
+
{{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
|
|
100
|
+
</script>
|
|
101
|
+
<script defer src="./js/page/pdp.js"></script>
|
|
102
|
+
<script defer src="./js/global-search.min.js"></script>
|
|
103
|
+
{{#extend "modal" id="modal-pdp-feedback" title="Feedback Form" fullWidth=true}}
|
|
104
|
+
{{#content "body"}}
|
|
105
|
+
<iframe class="cboxIframe" name="cbox1538824723052"
|
|
106
|
+
src="https://docs.google.com/forms/d/1jHV5b8AazYbPmoTXJBxmyns4AcRhtKnnIC4_K_MFOPU/viewform?entry.1452922942=Wickes+Blue+Slate+Chippings+-+Major+Bag&entry.1885983523=Decorative+Uk+sourced+blue+slate+chippings+are+ideal+for+gardens+and+borders.+This+beautiful+stone+changes+colour+when+wet.&entry.935962220=112777&entry.474385230=1000626184"></iframe>
|
|
107
|
+
{{/content}}
|
|
108
|
+
{{/extend}}
|
|
109
|
+
{{> click-and-collect-modal}}
|
|
110
|
+
{{/content}}
|
|
111
|
+
{{/extend}}
|
|
112
|
+
<!--<script defer src="./js/components/badge-cashback.js"></script>-->
|
|
113
|
+
<script>
|
|
114
|
+
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
|
|
115
|
+
$(document).ready(function () {
|
|
116
|
+
$('.modal').on('scroll', function () {
|
|
117
|
+
$(':focus').blur();
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
$(document).ready(function () {
|
|
123
|
+
|
|
124
|
+
$('#info-details').toggleClass('accordion_collapsed');
|
|
125
|
+
$('#details-content').css('display', 'block');
|
|
126
|
+
|
|
127
|
+
$('#open-review').on('click', function () {
|
|
128
|
+
$('#info-review').toggleClass('accordion_collapsed');
|
|
129
|
+
$('#review-content').css('display', 'block');
|
|
130
|
+
})
|
|
131
|
+
})
|
|
132
|
+
</script>
|
|
@@ -160,3 +160,41 @@
|
|
|
160
160
|
.map-container img {
|
|
161
161
|
max-width: none;
|
|
162
162
|
}
|
|
163
|
+
|
|
164
|
+
// Google Maps InfoWindow overrides
|
|
165
|
+
.gm {
|
|
166
|
+
&-style-iw {
|
|
167
|
+
&-chr {
|
|
168
|
+
height: 10px;
|
|
169
|
+
min-height: 0 !important;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
&-d {
|
|
173
|
+
max-height: 130px !important;
|
|
174
|
+
min-height: 0 !important;
|
|
175
|
+
margin-right: 30px;
|
|
176
|
+
|
|
177
|
+
div div:nth-of-type(2) {
|
|
178
|
+
min-height: 0 !important;
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
&.gm-style-iw-c {
|
|
183
|
+
min-height: 0 !important;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
&-ui-hover-effect {
|
|
188
|
+
position: absolute !important;
|
|
189
|
+
top: 0;
|
|
190
|
+
right: 0;
|
|
191
|
+
|
|
192
|
+
&:focus {
|
|
193
|
+
outline: none !important;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
&:focus-visible {
|
|
197
|
+
outline: 5px auto #005fcc !important;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
}
|
|
@@ -167,6 +167,8 @@
|
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
[data-why-not-add-widget] + .pdp-price__quantity-calculator
|
|
170
|
+
[data-why-not-add-widget] + .pdp-price__quantity-calculator,
|
|
171
|
+
[data-similar-products-widget] + .pdp-price__klarna-payment,
|
|
172
|
+
[data-similar-products-widget] + .pdp-price__billie-payment {
|
|
171
173
|
margin-top: 20px;
|
|
172
174
|
}
|
package/src/sitemap.html
CHANGED
|
@@ -230,42 +230,48 @@
|
|
|
230
230
|
</li>
|
|
231
231
|
<li>
|
|
232
232
|
<span class="page-id">2.27</span>
|
|
233
|
+
<a href="page_product-details-with-similar-products-widget.html" target="_blank">
|
|
234
|
+
Product details page - With Similar Products Widget
|
|
235
|
+
</a>
|
|
236
|
+
</li>
|
|
237
|
+
<li>
|
|
238
|
+
<span class="page-id">2.28</span>
|
|
233
239
|
<a href="page_product-details-with-why-not-add-single.html" target="_blank">
|
|
234
240
|
Product details page - With Why Not Add single widget
|
|
235
241
|
</a>
|
|
236
242
|
</li>
|
|
237
243
|
<li>
|
|
238
|
-
<span class="page-id">2.
|
|
244
|
+
<span class="page-id">2.29</span>
|
|
239
245
|
<a href="page_product-details-mfe-calculator.html" target="_blank">
|
|
240
246
|
Product details page - With MFE calculator
|
|
241
247
|
</a>
|
|
242
248
|
</li>
|
|
243
249
|
<li>
|
|
244
|
-
<span class="page-id">2.
|
|
250
|
+
<span class="page-id">2.30</span>
|
|
245
251
|
<a href="page_product-details-cnc-success-notification.html" target="_blank">
|
|
246
252
|
Product details page - C&C success notifications
|
|
247
253
|
</a>
|
|
248
254
|
</li>
|
|
249
255
|
<li>
|
|
250
|
-
<span class="page-id">2.
|
|
256
|
+
<span class="page-id">2.31</span>
|
|
251
257
|
<a href="page_product-details-cnc-error-notification.html" target="_blank">
|
|
252
258
|
Product details page - C&C error notifications
|
|
253
259
|
</a>
|
|
254
260
|
</li>
|
|
255
261
|
<li>
|
|
256
|
-
<span class="page-id">2.
|
|
262
|
+
<span class="page-id">2.32</span>
|
|
257
263
|
<a href="page_product-details-cnc-success-notification-vat.html" target="_blank">
|
|
258
264
|
Product details page VAT
|
|
259
265
|
</a>
|
|
260
266
|
</li>
|
|
261
267
|
<li>
|
|
262
|
-
<span class="page-id">2.
|
|
268
|
+
<span class="page-id">2.33</span>
|
|
263
269
|
<a href="page_product-details-paint-mixing.html" target="_blank">
|
|
264
270
|
Product details page - Paint Mixing
|
|
265
271
|
</a>
|
|
266
272
|
</li>
|
|
267
273
|
<li>
|
|
268
|
-
<span class="page-id">2.
|
|
274
|
+
<span class="page-id">2.34</span>
|
|
269
275
|
<a href="page_product-details-bloomreach.html" target="_blank">
|
|
270
276
|
Product details page - Bloomreach
|
|
271
277
|
</a>
|