wickes-css2 2.113.0 → 2.116.0

package/src/components/suite-product-card.hbs

@@ -0,0 +1,47 @@
+{{#each cards}}
+    <div class="suite-product-card">
+        <img src="{{image.url}}" alt="{{image.altText}}">
+        <div class="suite-product-card__info">
+            <a class="suite-product-card__title" href="#" title="{{title}}">{{title}}</a>
+            {{#if ../switch-vat}}
+                {{#ifCond was_price '&&' was_price-vat}}
+                    <div class="suite-product-card__old-price including-vat">
+                        <s>{{was_price-vat}}</s>
+                    </div>
+                    <div class="suite-product-card__old-price excluding-vat d-none">
+                        <s>{{was_price}}</s>
+                    </div>
+                {{/ifCond}}
+
+                <div class="suite-product-card__price-qty">
+                    <div class="suite-product-card__vat including-vat">
+                        <span class="suite-product-card__price{{#if was_price}} suite-product-card__price--red{{/if}}">&pound;{{price-vat}}</span>
+                        <span class="suite-product-card__vat-text">Inc.VAT</span>
+                    </div>
+
+                    <div class="suite-product-card__vat excluding-vat d-none">
+                        <span class="suite-product-card__price{{#if was_price}} suite-product-card__price--red{{/if}}">&pound;{{price}}</span>
+                        <span class="suite-product-card__vat-text">Exc.VAT</span>
+                    </div>
+
+                    <span class="suite-product-card__quantity">
+                        Qty: <span>{{quantity}}</span>
+                    </span>
+                </div>
+
+            {{else}}
+                {{#if was_price}}
+                    <div class="suite-product-card__old-price">
+                        <s>{{was_price}}</s>
+                    </div>
+                {{/if}}
+                <div class="suite-product-card__price-qty">
+                    <span class="suite-product-card__price{{#if was_price}} suite-product-card__price--red{{/if}}">&pound;{{price}}</span>
+                    <span class="suite-product-card__quantity">
+                        Qty: <span>{{quantity}}</span>
+                    </span>
+                </div>
+            {{/if}}
+        </div>
+    </div>
+{{/each}}

package/src/components/thumb-gallery.hbs

@@ -0,0 +1,23 @@
+<div 
+  class="thumb-gallery"
+  data-length="{{images.length}}"
+>
+  <div class="swiper-container swiper-container-main">
+    <div class="swiper-wrapper"></div>
+    <div class="thumb-gallery__next-btn">
+      <i class="far fa-angle-right"></i>
+    </div>
+    <div class="thumb-gallery__prev-btn">
+      <i class="far fa-angle-left"></i>
+    </div>
+  </div>
+  <div class="component-container swiper-container swiper-container-thumbs">
+    <div class="swiper-wrapper "></div>
+    <div class="swiper-container-thumbs__next-btn">
+      <i class="far fa-angle-right"></i>
+    </div>
+    <div class="swiper-container-thumbs__prev-btn">
+      <i class="far fa-angle-left"></i>
+    </div>
+  </div>
+</div>

package/src/data/data_badges.json

@@ -0,0 +1,143 @@
+{
+    "pdp-price-badges": {
+        "yellowGrayText": [
+            {
+                "text": "15% off",
+                "bgcolor": "yellow",
+                "text-color": "gray"
+            }
+        ],
+        "redCashback": [
+            {
+                "text": "cashback",
+                "bgcolor": "red",
+                "text-color": "white"
+            }
+        ],
+        "yellowVatText": [
+            {
+                "text": "2 for £47",
+                "text-exc": "2 for £46",
+                "bgcolor": "yellow",
+                "text-color": "gray"
+            }
+        ],
+        "blueDarkPaintMixing": [
+            {
+                "text": "Paint Mixing",
+                "bgcolor": "blue-dark",
+                "text-color": "white"
+            }
+        ],
+        "oneRed": [
+            {
+                "text": "Buy one get one free",
+                "bgcolor": "red",
+                "text-color": "white"
+            }
+        ],
+        "yellowClearence": [
+            {
+                "text": "clearence",
+                "bgcolor": "yellow"
+            }
+        ],
+        "greenLowerPrice": [
+            {
+                "text": "New lower price",
+                "bgcolor": "green"
+            }
+        ],
+        "greenNewRange": [
+            {
+                "text": "New range",
+                "bgcolor": "green"
+            }
+        ],
+        "redOff": [
+            {
+                "text": "10% off",
+                "bgcolor": "red"
+            }
+        ],
+        "redFor": [
+            {
+                "text": "4 for 3",
+                "bgcolor": "red"
+            }
+        ],
+        "blueOff": [
+            {
+                "text": "15% off",
+                "bgcolor": "blue"
+            }
+        ],
+        "blueWeekendSavers": [
+            {
+                "text": "Weekend Savers",
+                "bgcolor": "blue"
+            }
+        ],
+        "redPersentCashback": [
+            {
+                "text": "30% Cashback",
+                "bgcolor": "red"
+            }
+        ],
+        "rippleBadges": {
+            "twoRed": [
+                {
+                    "text": "15% off bathroom units",
+                    "bgcolor": "red"
+                },
+                {
+                    "text": "Summer Sale",
+                    "bgcolor": "red"
+                }
+            ],
+            "greenRed": [
+                {
+                    "text": "15% off bathroom units",
+                    "bgcolor": "green"
+                },
+                {
+                    "text": "Summer Sale",
+                    "bgcolor": "red"
+                }
+            ],
+            "oneYellow": [
+                {
+                    "text": "Summer Sale",
+                    "bgcolor": "yellow",
+                    "text-color": "gray"
+                }
+            ],
+            "twoBlueOneLong": [
+                {
+                    "text": "15% off bathroom units 15% off bathroom units 15% off bathroom units",
+                    "bgcolor": "blue"
+                },
+                {
+                    "text": "Summer Sale",
+                    "bgcolor": "blue"
+                }
+            ],
+            "oneBlueDarkLong": [
+                {
+                    "text": "15% off bathroom units 15% off bathroom units 15% off bathroom units",
+                    "bgcolor": "blue-dark"
+                }
+            ],
+            "greenRedLong": [
+                {
+                    "text": "15% off bathroom units 15% off bathroom units 15% off bathroom units",
+                    "bgcolor": "green"
+                },
+                {
+                    "text": "15% off bathroom units 15% off bathroom units 15% off bathroom units",
+                    "bgcolor": "red"
+                }
+            ]
+        }
+    }
+}