Zum Hauptinhalt springen Zur Suche springen Zur Hauptnavigation springen
Versandkostenfreie Lieferung ab CHF 80.00     •     30 Tage Rückgaberecht     •     Kauf auf Rechnung möglich     •     Click & Collect
Produktgalerie überspringen
-50%
Absatz und Keil bis 85 mm
Absatz und Keil bis 85 mm
Gabor
64,50 CHF 129,00 CHF
-50%
Absatz und Keil bis 85 mm
Absatz und Keil bis 85 mm
Gabor
64,50 CHF 129,00 CHF
-30%
Ballerinas
Ballerinas
Gabor
84,50 CHF 120,00 CHF
-50%
Ballerinas
Ballerinas
Gabor
64,50 CHF 129,00 CHF
-31%
Ballerinas
Ballerinas
Gabor
90,00 CHF 130,00 CHF
-50%
Ballerinas
Ballerinas
Gabor
69,50 CHF 139,00 CHF
-30%
Ballerinas
Ballerinas
Gabor
90,00 CHF 129,00 CHF
-50%
Ballerinas
Ballerinas
Gabor
60,00 CHF 120,00 CHF
-25%
Ballerinas
Ballerinas
Gabor
90,00 CHF 120,00 CHF
-30%
Ballerinas
Ballerinas
Gabor
90,00 CHF 129,00 CHF

Walder Component Guide

Optimale Bildgrößen

Um die Bildaufbereitung möglichst schmal zu halten, werden im Wesentlichen nur drei Bildformate verwendet:

  1. Hero Format (2560x1250px)
  2. Portrait Format (1480x1900px)
  3. Landscape Format (1480x1180px)

Produktbilder

Produktbilder müssen immer als Freisteller (transparenter Hintergrund) im Format PNG eingefügt werden, um eine optimale Darstellung zu gewährleisten.
Des Weiteren empfehlen wir eine Mindestbreite von 2000px, um auch im Zoom Modal eine ausreichende Bildqualität zu liefern und ein Zoom des Users zu ermöglichen.

Das Hero Format wird für folgende Elemente verwendet:

  1. Hero Slider
  2. Hero Banner

Das Portrait Format wird für folgende Elemente verwendet:

  1. Teaser Duo (Portrait Style)
  2. Teaser Karten Slider (Dynamisch aus Seitenbild)
  3. Teaser Karten Inline (Dynamisch aus Seitenbild)
  4. Mobile Navigation Teaser (Dynamisch aus Seitenbild)

Das Landscape Format wird für folgende Elemente verwendet:

  1. Teaser Duo (Landscape Style)
  2. Blog Karten Slider (Dynamisch aus Seitenbild)
  3. Blog Karten Inline (Dynamisch aus Seitenbild)
  4. Inline Teaser innerhalb eines Produktlistings

Sektionsbreiten

Volle Breite

Wird empfohlen für: Hero Slider / Hero Banner, Text/Bild Kombinationen

Standard

Wird empfohlen für: Produktslider, Teaser Karten Slider, Teaser Karten Inline, Blog Karten Slider, Blog Karten Inline, Instagram Feed

Midsize

Wird empfohlen für: Teaser Duo, FAQ

Small

Wird empfohlen für: Textelemente (z.B. Zitat), Vimeo, zentriertes Bild (z.B. in Blogbeiträgen), Image Slider

Hero Banner

Headline

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Hero Slider

Lorem ipsum

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Teaser Duo

Produktslider

Zitat

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Instagram Feed

Zentriertes Bild (Skaliert anhand Bildschirmbreite)

Bildslider

Bitte nur in "Small"-Sektionen und mit einheitlich formatigen Bildern verwenden

DillySocks
Sashay
Rubirosa
Tiger Swiss

Text/Bild Kombinationen

Bild/Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Text/Bild

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

FAQ (Sektion Small oder Medium)