From bc1b239b2d2361997db740348398ff30c8050c99 Mon Sep 17 00:00:00 2001 From: FHoogland Date: Mon, 24 Mar 2025 11:58:50 +0100 Subject: [PATCH 1/3] Show 1 usp per line --- src/scss/component/component-usp.scss | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/src/scss/component/component-usp.scss b/src/scss/component/component-usp.scss index 3be70e2..b52e5aa 100644 --- a/src/scss/component/component-usp.scss +++ b/src/scss/component/component-usp.scss @@ -66,4 +66,20 @@ } } } -} \ No newline at end of file + + //Mobile style + @include mqmax($bp-md) { + .is-grid { + display: flex; + flex-direction: row; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + scroll-padding: 10px; + } + &__wrapper{ + flex: 0 0 100%; + scroll-snap-align: center; + } + } +} + From 8feaa110902c1630fe2feaec6d8f9c0b3238ffc5 Mon Sep 17 00:00:00 2001 From: FHoogland Date: Mon, 24 Mar 2025 12:06:57 +0100 Subject: [PATCH 2/3] heding elements, icon below the text, new shopify section --- src/index.html | 81 ++++++++++++++++++++++++++++++++++---------------- 1 file changed, 55 insertions(+), 26 deletions(-) diff --git a/src/index.html b/src/index.html index 1b85c24..55addb9 100644 --- a/src/index.html +++ b/src/index.html @@ -536,9 +536,9 @@

-

+

We warm people -

+

Heating cushions & pads for indoors and outdoors
@@ -568,9 +568,9 @@

-

+

Image banner -

+

Give customers details about the banner image or content on the template.
@@ -615,7 +615,7 @@

-

Make over with Stoov® covers

+

Make over with Stoov® covers

Our knitted covers are available in various colours. You can choose Terra Orange or Midnight Blue for example. Give your interior a twist or a subtle make over with a new cover for your Stoov® cushion.

@@ -712,7 +712,7 @@

Make over with Stoov® covers

-

Save energy with personal heating

+

Save energy with personal heating

Ever thought about how our heatingcushions can save energy? No more waste of warmth when you warm yourself directly with Stoov® heating cushions. Turn down your thermostat and enjoy your personal source of warmth.

@@ -743,7 +743,7 @@

Save energy with personal heating

-

New season, new fabric

+

New season, new fabric

Stoov® celebrates the cozy season with beautiful news: velvet is added to our Ploov heating cushion collection! The velvet fabric comes in five spice colours, with a soft touch
and subtle shimmer.

@@ -762,6 +762,35 @@

New season, new fabric

+ + +
+ + + + +
+
+
+
+
+

Sustainable journey to your front door

+
+
+

We use as little plastic as possible to transport your Stoov®. Preferably not at all! If plastic packaging is nevertheless used, it is recyclabe or compostable. We also pack products as small and efficiently as possible, so that more orders fit in one van and there is less need to drive up and down.

+
+
+
+
+ + new +
+
+ +
+
+
+
@@ -774,7 +803,7 @@

New season, new fabric

-

Our products

+

Our products

Discover all
@@ -1187,7 +1216,7 @@

-

Excellent!

+

Excellent!

With 10.000+ reviews of enthusiastic Stoov® fans on Trustpilot & TrustedShops

@@ -1208,7 +1237,7 @@

Excellent!

-

Featured products slider

+

Featured products slider

@@ -1496,49 +1525,49 @@

Featured products slider

+

Wireless

+
+

Your personal heating buddy whenever and wherever you need it

+

-

Wireless

-
-

Your personal heating buddy whenever and wherever you need it

-
+

Save energy

+
+

Every degree lower on your thermostat saves 7% energy

+

-

Save energy

-
-

Every degree lower on your thermostat saves 7% energy

-
+

Free shipment

+
+

Fast & free shipping

+

-

Free shipment

-
-

Fast & free shipping

-
+

30 days return policy

+
+

Experience our infrared heating yourself

+

-

30 days return policy

-
-

Experience our infrared heating yourself

-
From 6567e88d773edc0a4730ce933c4ef3288b148341 Mon Sep 17 00:00:00 2001 From: FHoogland Date: Mon, 24 Mar 2025 12:10:07 +0100 Subject: [PATCH 3/3] heding elements, icon below text, 1 usp per line, new section --- src/scss/partials/_base.scss | 12 ++++++------ src/scss/section/section-hero-slider.scss | 3 ++- 2 files changed, 8 insertions(+), 7 deletions(-) diff --git a/src/scss/partials/_base.scss b/src/scss/partials/_base.scss index 39eb1c8..1ddf9ad 100644 --- a/src/scss/partials/_base.scss +++ b/src/scss/partials/_base.scss @@ -181,13 +181,13 @@ h6, h1, .h1 { - font-size: rem(64); + font-size: rem(50); line-height: rem(57); letter-spacing: rem(1); @include mqmin($bp-md) { - font-size: rem(150); - line-height: rem(135); - letter-spacing: rem(3); + font-size: rem(50); + line-height: rem(50); + letter-spacing: rem(1); } } @@ -197,8 +197,8 @@ h2, line-height: rem(46); letter-spacing: rem(1); @include mqmin($bp-md) { - font-size: rem(64); - line-height: rem(70); + font-size: rem(40); + line-height: rem(1); } } diff --git a/src/scss/section/section-hero-slider.scss b/src/scss/section/section-hero-slider.scss index 4fc646c..7494dd7 100644 --- a/src/scss/section/section-hero-slider.scss +++ b/src/scss/section/section-hero-slider.scss @@ -49,7 +49,8 @@ } } &__heading { - margin-bottom: rem(40); + margin-bottom: rem(20); + margin-top: rem(20); @include mqmin($bp-xl) { margin-bottom: rem(50); }