wickes-css2 2.113.0-develop.7 → 2.113.0-develop.8

package/src/page_product-details-suite-includes-banners.html

@@ -0,0 +1,139 @@
+{{#extend "base" pageClass="page-product-details" title="Product details page suite includes "
+          isDiscount=true
+          isExcludingDelivery=true
+          isDescription=true
+          isCashback=false
+          isQuantity=true
+          isSize=false
+          billie-placement=true
+          clearpay-placement=true
+          hourly-delivery=true
+          isStaticBadges=true
+          badges=pdp-price-badges.rippleBadges.greenRed
+          step3=true
+          currentlyInStock=true
+          pagePdp=true
+}}
+    {{#content "head" mode="append" pagePdp=true}}
+        <link type="text/css" rel="stylesheet" href="https://static-content-develop.dev.wickes.co.uk/whisk/kitchen-static/css/kitchen-content.css">
+    {{/content}}
+    {{#content "body"}}
+        <main class="pdp__main">
+            <div class="container">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__title">
+                        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
+                            title in two raws
+                        </h1>
+                        <div class="pdp__reviews_small">
+                            <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
+                            <div class="product-card__reviews review-star">
+                                <div class="product-rating product-rating-v2">
+                                    <div class="rating-bg">
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <div class="rating-overlay"
+                                             data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
+                                            <i class="fa fa-star" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                                <span class="review-star-average review-star-average-v2">(4.6)</span>
+                            </div>
+                            <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
+                        </div>
+                    </div>
+
+                    <div class="pdp__full-gallery">
+                        {{> thumb-gallery }}
+                    </div>
+
+                    <div class="pdp__aside">
+                        {{> price-block-v2 isProductSaved=false isUserLogedOut=false wisdom=true }}
+                    </div>
+
+                    <div class="pdp__full-description">
+                        {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
+                    </div>
+
+
+                    <div class="pdp__suite-includes">
+                        {{> suite-includes products=ripple-pdp.suite-products was_price=ripple-pdp.was_price price=ripple-pdp.price }}
+                    </div>
+
+                    <div class="pdp__banner hybris-slot">
+                        <div style="min-height: 120px; background-color: gray;"></div>
+                    </div>
+
+                    {{> fulfilment-accordions}}
+
+                    <div class="pdp__banner hybris-slot" style="grid-row: 7 / span 1; grid-column: 1 / span 4;">
+                        <div style="min-height: 120px; background-color: gray;"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="container container-info">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__info">
+                        {{> pdp-info-v2 floor=true }}
+                    </div>
+                </div>
+            </div>
+
+            <div class="container">
+                <div class="pdp__banner hybris-slot">
+                    <div class="banner-emulation" style="height: 398px; min-height: 120px; background-color: gray;"></div>
+                    <div style="min-height: 120px; background-color: gray;"></div>
+                    <div style="min-height: 120px; background-color: gray;"></div>
+                </div>
+            </div>
+
+            <div class="pdp--ripple">
+                {{> seo-widgets title="Related category" }}
+            </div>
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+        <script type="text/html" id="mini-basket-popup">
+                {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
+        </script>
+        <script defer src="./js/page/pdp.js"></script>
+        {{> click-and-collect-modal}}
+        {{> thank-you-modal}}
+    {{/content}}
+{{/extend}}
+<!--<script defer src="./js/page/ti.js"></script>-->
+<script type="module" defer src="./js/page/installation/fi.js"></script>
+<script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
+<script>
+    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
+        $(document).ready(function () {
+            $('.modal').on('scroll', function () {
+                $(':focus').blur();
+            });
+        });
+    }
+
+    $(document).ready(function () {
+
+        $('#info-details').toggleClass('accordion_collapsed');
+        $('#details-content').css('display', 'block');
+
+        $('#open-review').on('click', function () {
+            $('#info-review').toggleClass('accordion_collapsed');
+            $('#review-content').css('display', 'block');
+        });
+
+        $('.ti__next ti__next3 .btn').on('click', function () {
+           alert('Click');
+        });
+    })
+</script>
+

package/src/page_product-details-suite-includes-billie.html

@@ -0,0 +1,128 @@
+{{#extend "base" pageClass="page-product-details" title="Product details page suite includes VAT"
+          isDiscount=true
+          isExcludingDelivery=true
+          isCashback=false
+          isQuantity=true
+          isSize=false
+          billie-placement=true
+          clearpay-placement=true
+          hourly-delivery=true
+          isStaticBadges=true
+          badges=pdp-price-badges.rippleBadges.twoRed
+          step3=true
+          currentlyInStock=true
+          pagePdp=true
+          switch-vat=true
+          package=true
+}}
+    {{#content "head" mode="append" pagePdp=true}}
+    {{/content}}
+    {{#content "body"}}
+        <main class="pdp__main">
+            <div class="container">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__title">
+                        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
+                            title in two raws
+                        </h1>
+                        <div class="pdp__reviews_small">
+                            <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
+                            <div class="product-card__reviews review-star">
+                                <div class="product-rating product-rating-v2">
+                                    <div class="rating-bg">
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <div class="rating-overlay"
+                                             data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
+                                            <i class="fa fa-star" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                                <span class="review-star-average review-star-average-v2">(4.6)</span>
+                            </div>
+                            <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
+                        </div>
+                    </div>
+
+                    <div class="pdp__full-gallery">
+                        {{> thumb-gallery }}
+                    </div>
+
+                    <div class="pdp__aside">
+                        {{> price-block-v2 isProductSaved=false
+                        isUserLogedOut=false
+                        was_price=ripple-pdp.was_price
+                        was_price-vat=ripple-pdp.was_price-vat
+                        price=ripple-pdp.price
+                        price-vat=ripple-pdp.price-vat}}
+                    </div>
+
+                    <div class="pdp__full-description">
+                        {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
+                    </div>
+
+
+                    <div class="pdp__suite-includes">
+                        {{> suite-includes products=ripple-pdp.suite-products-promo was_price=ripple-pdp.was_price
+                        was_price-vat=ripple-pdp.was_price-vat
+                        price=ripple-pdp.price price-vat=ripple-pdp.price-vat}}
+                    </div>
+                    {{> fulfilment-accordions}}
+                </div>
+            </div>
+            <div class="container container-info">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__info">
+                        {{> pdp-info-v2 floor=true }}
+                    </div>
+                </div>
+            </div>
+            <div class="pdp--ripple">
+                {{> seo-widgets title="Related category" }}
+            </div>
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+        <script type="text/html" id="mini-basket-popup">
+                {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
+        </script>
+        <script defer src="./js/page/pdp.js"></script>
+        {{> click-and-collect-modal}}
+        {{> thank-you-modal}}
+    {{/content}}
+{{/extend}}
+<!--<script defer src="./js/page/ti.js"></script>-->
+<script type="module" defer src="./js/page/installation/fi.js"></script>
+<script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
+<script defer src="./js/package-bulk-add.min.js"></script>
+<script>
+    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
+        $(document).ready(function () {
+            $('.modal').on('scroll', function () {
+                $(':focus').blur();
+            });
+        });
+    }
+
+    $(document).ready(function () {
+
+        $('#info-details').toggleClass('accordion_collapsed');
+        $('#details-content').css('display', 'block');
+
+        $('#open-review').on('click', function () {
+            $('#info-review').toggleClass('accordion_collapsed');
+            $('#review-content').css('display', 'block');
+        });
+
+        $('.ti__next ti__next3 .btn').on('click', function () {
+           alert('Click');
+        });
+    })
+</script>

package/src/page_product-details-suite-includes-klarna.html

@@ -0,0 +1,120 @@
+{{#extend "base" pageClass="page-product-details" title="Product details page suite includes "
+          isDiscount=false
+          isExcludingDelivery=true
+          isCashback=false
+          isQuantity=true
+          isSize=false
+          klarna-placement=true
+          hourly-delivery=true
+          isStaticBadges=true
+          badges=pdp-price-badges.rippleBadges.greenRed
+          step3=true
+          currentlyInStock=true
+          pagePdp=true
+          package=true
+          postcodeChecker=false
+}}
+    {{#content "head" mode="append" pagePdp=true}}
+    {{/content}}
+    {{#content "body"}}
+        <main class="pdp__main">
+            <div class="container">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__title">
+                        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
+                            title in two raws
+                        </h1>
+                        <div class="pdp__reviews_small">
+                            <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
+                            <div class="product-card__reviews review-star">
+                                <div class="product-rating product-rating-v2">
+                                    <div class="rating-bg">
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <div class="rating-overlay"
+                                             data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
+                                            <i class="fa fa-star" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                                <span class="review-star-average review-star-average-v2">(4.6)</span>
+                            </div>
+                            <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
+                        </div>
+                    </div>
+
+                    <div class="pdp__full-gallery">
+                        {{> thumb-gallery }}
+                    </div>
+
+                    <div class="pdp__aside">
+                        {{> price-block-v2 isProductSaved=false isUserLogedOut=false price='1600'}}
+                    </div>
+
+                    <div class="pdp__full-description">
+                        {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
+                    </div>
+
+                    <div class="pdp__suite-includes">
+                        {{> suite-includes products=ripple-pdp.suite-products price='1600' }}
+                    </div>
+                    {{> fulfilment-accordions}}
+                </div>
+            </div>
+            <div class="container container-info">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__info">
+                        {{> pdp-info-v2 floor=true }}
+                    </div>
+                </div>
+            </div>
+            <div class="pdp--ripple">
+                {{> seo-widgets title="Related category" }}
+            </div>
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+        <script type="text/html" id="mini-basket-popup">
+                {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
+        </script>
+        <script defer src="./js/page/pdp.js"></script>
+        {{> click-and-collect-modal}}
+        {{> thank-you-modal}}
+    {{/content}}
+{{/extend}}
+<!--<script defer src="./js/page/ti.js"></script>-->
+<script type="module" defer src="./js/page/installation/fi.js"></script>
+<script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
+<script defer src="./js/postcode-checker.min.js"></script>
+<script>
+    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
+        $(document).ready(function () {
+            $('.modal').on('scroll', function () {
+                $(':focus').blur();
+            });
+        });
+    }
+
+    $(document).ready(function () {
+
+        $('#info-details').toggleClass('accordion_collapsed');
+        $('#details-content').css('display', 'block');
+
+        $('#open-review').on('click', function () {
+            $('#info-review').toggleClass('accordion_collapsed');
+            $('#review-content').css('display', 'block');
+        });
+
+        $('.ti__next ti__next3 .btn').on('click', function () {
+           alert('Click');
+        });
+    })
+</script>
+

package/src/page_product-details-suite-includes-vat.html

@@ -0,0 +1,126 @@
+{{#extend "base" pageClass="page-product-details" title="Product details page suite includes VAT"
+          isDiscount=true
+          isExcludingDelivery=true
+          isCashback=false
+          isQuantity=true
+          isSize=false
+          billie-placement=true
+          clearpay-placement=true
+          hourly-delivery=true
+          isStaticBadges=true
+          badges=pdp-price-badges.rippleBadges.twoRed
+          step3=true
+          currentlyInStock=true
+          pagePdp=true
+          switch-vat=true
+          package=true
+}}
+    {{#content "head" mode="append" pagePdp=true}}
+    {{/content}}
+    {{#content "body"}}
+        <main class="pdp__main">
+            <div class="container">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__title">
+                        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
+                            title in two raws
+                        </h1>
+                        <div class="pdp__reviews_small">
+                            <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
+                            <div class="product-card__reviews review-star">
+                                <div class="product-rating product-rating-v2">
+                                    <div class="rating-bg">
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <div class="rating-overlay"
+                                             data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
+                                            <i class="fa fa-star" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                                <span class="review-star-average review-star-average-v2">(4.6)</span>
+                            </div>
+                            <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
+                        </div>
+                    </div>
+
+                    <div class="pdp__full-gallery">
+                        {{> thumb-gallery }}
+                    </div>
+
+                    <div class="pdp__aside">
+                        {{> price-block-v2 isProductSaved=false isUserLogedOut=false
+                        was_price=ripple-pdp.was_price
+                        was_price-vat=ripple-pdp.was_price-vat
+                        price=ripple-pdp.price price-vat=ripple-pdp.price-vat }}
+                    </div>
+
+                    <div class="pdp__full-description">
+                        {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
+                    </div>
+
+
+                    <div class="pdp__suite-includes">
+                        {{> suite-includes products=ripple-pdp.suite-products-promo was_price=ripple-pdp.was_price
+                        was_price-vat=ripple-pdp.was_price-vat
+                        price=ripple-pdp.price price-vat=ripple-pdp.price-vat}}
+                    </div>
+                    {{> fulfilment-accordions}}
+                </div>
+            </div>
+            <div class="container container-info">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__info">
+                        {{> pdp-info-v2 floor=true }}
+                    </div>
+                </div>
+            </div>
+            <div class="pdp--ripple">
+                {{> seo-widgets title="Related category" }}
+            </div>
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+        <script type="text/html" id="mini-basket-popup">
+                {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
+        </script>
+        <script defer src="./js/page/pdp.js"></script>
+        {{> click-and-collect-modal}}
+        {{> thank-you-modal}}
+    {{/content}}
+{{/extend}}
+<!--<script defer src="./js/page/ti.js"></script>-->
+<script type="module" defer src="./js/page/installation/fi.js"></script>
+<script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
+<script defer src="./js/package-bulk-add.min.js"></script>
+<script>
+    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
+        $(document).ready(function () {
+            $('.modal').on('scroll', function () {
+                $(':focus').blur();
+            });
+        });
+    }
+
+    $(document).ready(function () {
+
+        $('#info-details').toggleClass('accordion_collapsed');
+        $('#details-content').css('display', 'block');
+
+        $('#open-review').on('click', function () {
+            $('#info-review').toggleClass('accordion_collapsed');
+            $('#review-content').css('display', 'block');
+        });
+
+        $('.ti__next ti__next3 .btn').on('click', function () {
+           alert('Click');
+        });
+    })
+</script>

package/src/page_product-details-suite-includes.html

@@ -0,0 +1,122 @@
+{{#extend "base" pageClass="page-product-details" title="Product details page suite includes "
+          isDiscount=true
+          isExcludingDelivery=true
+          isCashback=false
+          isQuantity=true
+          isSize=false
+          klarna-placement=true
+          clearpay-placement=true
+          hourly-delivery=true
+          isStaticBadges=true
+          badges=pdp-price-badges.rippleBadges.greenRed
+          step3=true
+          currentlyInStock=true
+          pagePdp=true
+          package=true
+          postcodeChecker=false
+}}
+    {{#content "head" mode="append" pagePdp=true}}
+    {{/content}}
+    {{#content "body"}}
+        <main class="pdp__main">
+            <div class="container">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__title">
+                        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
+                            title in two raws
+                        </h1>
+                        <div class="pdp__reviews_small">
+                            <span class="product-code product-code-v2">Product code: <strong id="product-code-val">236334</strong></span>
+                            <div class="product-card__reviews review-star">
+                                <div class="product-rating product-rating-v2">
+                                    <div class="rating-bg">
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <i class="fa fa-star" aria-hidden="true"></i>
+                                        <div class="rating-overlay"
+                                             data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
+                                            <i class="fa fa-star" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                            <i class="fa fa-star ml-1" aria-hidden="true"></i>
+                                        </div>
+                                    </div>
+                                </div>
+                                <span class="review-star-average review-star-average-v2">(4.6)</span>
+                            </div>
+                            <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
+                        </div>
+                    </div>
+
+                    <div class="pdp__full-gallery">
+                        {{> thumb-gallery }}
+                    </div>
+
+                    <div class="pdp__aside">
+                        {{> price-block-v2 isProductSaved=false isUserLogedOut=false
+                        price=ripple-pdp.price was_price=ripple-pdp.was_price}}
+                    </div>
+
+                    <div class="pdp__full-description">
+                        {{> product-main-info-v2 currentlyInStock=false hideShareButton=true}}
+                    </div>
+
+                    <div class="pdp__suite-includes">
+                        {{> suite-includes products=ripple-pdp.suite-products-promo was_price=ripple-pdp.was_price price=ripple-pdp.price }}
+                    </div>
+                    {{> fulfilment-accordions}}
+                </div>
+            </div>
+            <div class="container container-info">
+                <div class="pdp pdp--ripple">
+                    <div class="pdp__info">
+                        {{> pdp-info-v2 floor=true }}
+                    </div>
+                </div>
+            </div>
+            <div class="pdp--ripple">
+                {{> seo-widgets title="Related category" }}
+            </div>
+        </main>
+    {{/content}}
+    {{#content "foot" mode="append"}}
+        <script type="text/html" id="mini-basket-popup">
+                {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
+        </script>
+        <script defer src="./js/page/pdp.js"></script>
+        {{> click-and-collect-modal}}
+        {{> thank-you-modal}}
+    {{/content}}
+{{/extend}}
+<!--<script defer src="./js/page/ti.js"></script>-->
+<script type="module" defer src="./js/page/installation/fi.js"></script>
+<script defer src="./js/page/ripple/thumb-gallery.js" onload="Wick.ThumbGallery.init('[products/wickes/GPID_5000143102_00, products/wickes/GPID_5000143102_01, products/wickes/GPID_5000143102_02, products/wickes/GPID_5000143102_03, products/wickes/GPID_5000088246_00, products/wickes/GPID_5000088246_01, products/wickes/GPID_5000088246_02, products/wickes/GPID_5000088246_03, products/wickes/GPID_5000088246_04, products/wickes/GPID_5000088246_05, products/wickes/GPID_5000088246_06, products/wickes/GPID_1100209019_00, products/wickes/GPID_1100209019_01, products/wickes/GPID_1100209019_02, products/wickes/GPID_1100209019_03, products/wickes/GPID_1100209019_04, products/wickes/GPID_1100209019_05]')"></script>
+<script defer src="./js/postcode-checker.min.js"></script>
+<script>
+    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
+        $(document).ready(function () {
+            $('.modal').on('scroll', function () {
+                $(':focus').blur();
+            });
+        });
+    }
+
+    $(document).ready(function () {
+
+        $('#info-details').toggleClass('accordion_collapsed');
+        $('#details-content').css('display', 'block');
+
+        $('#open-review').on('click', function () {
+            $('#info-review').toggleClass('accordion_collapsed');
+            $('#review-content').css('display', 'block');
+        });
+
+        $('.ti__next ti__next3 .btn').on('click', function () {
+           alert('Click');
+        });
+    })
+</script>
+

package/src/page_product-details-tile-steps-klarna-widget-with-method-ids.html

@@ -5,9 +5,7 @@
           isCashback=false
           isSize=true
           hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
+          badges=pdp-price-badges.yellowGrayText
           step3=true
           currentlyInStock=true
           pagePdp=true