Im Theme-Editor: AnpassenStartseiteAbschnitt hinzufügenHero-Slideshow

Hero-Slideshow

Folien in voller Breite oben auf der Seite, jede mit eigenem Bild für Computer und Smartphone, einer Überschrift, einer Zeile und bis zu zwei Buttons.

Zwei Buttons auf einer Folie, etwa „Damen“ und „Herren“, schicken jede Zielgruppe direkt zu ihrer Kategorie. Bilder: 3840 × 1740 für Computer, 1200 × 2640 für Smartphones.

Einstellungen

Eckenrundung
Schieberegler, 0 bis 40 pxStandard: 26.4 px
Abstand zwischen den Bildern
Schieberegler, 0 bis 40 pxStandard: 0 pxStandard 0: Die Folien wechseln ohne Lücke im Rahmen. Ein Abstand über null ist beim Wechseln sichtbar.

Bildwirkung

Bannerbild auf dem Desktop
Auswahl: Ganzes Bild (nach Bildverhältnis), Bildschirm füllen (schneidet Ränder ab)Standard: Ganzes Bild (nach Bildverhältnis)Ganzes Bild: das Originalbild vollständig, nie zugeschnitten oder vergrößert. Das Banner ist so hoch wie das höchste Bild (bis zur Bildschirmhöhe), und ein breiteres Bild wird vollständig mit einem dunklen Streifen oben und unten angezeigt. Wenn alle Bilder dieselbe Form haben, gibt es keine Streifen. Bildschirm füllen: Das Banner nimmt den gesamten ersten Bildschirm ein, und das Bild wird an den Rändern zugeschnitten, um ihn zu füllen.
Bannerbild auf dem Smartphone
Auswahl: Ganzes Bild (nach Bildverhältnis), Bildschirm füllen (schneidet Ränder ab)Standard: Bildschirm füllen (schneidet Ränder ab)Ganzes Bild: das Originalbild vollständig, nie zugeschnitten oder vergrößert. Das Banner ist so hoch wie das höchste Bild (bis zur Bildschirmhöhe), und ein breiteres Bild wird vollständig mit einem dunklen Streifen oben und unten angezeigt. Wenn alle Bilder dieselbe Form haben, gibt es keine Streifen. Bildschirm füllen: Das Banner nimmt den gesamten ersten Bildschirm ein, und das Bild wird an den Rändern zugeschnitten, um ihn zu füllen.
Bild abdunkeln
Schieberegler, 0 bis 60 %Standard: 0 %Eine dunkle Ebene über dem Bild, damit darauf platzierte Wörter lesbar bleiben. 0 bedeutet keine Ebene.
Herauszoomen, während eine Folie angezeigt wird
Ein oder ausStandard: EinDas Bild startet vergrößert und zieht sich langsam auf seine volle Größe zurück, während die Folie angezeigt wird. Bei automatischem Wechsel dauert es 90 % der Folienzeit, sonst 4,5 Sekunden. Deaktiviert, wenn auf dem Gerät reduzierte Bewegung eingestellt ist. Folien mit Video zoomen nicht.
Anfängliche Vergrößerung
Schieberegler, 102 bis 140 %Standard: 128 %

Wörter und Schaltfläche

Textposition
Auswahl: Mitte, Ecke, FreiStandard: MitteMitte: Wörter und Schaltfläche stehen zentriert unten im Bild. Ecke: in der unteren Ecke auf der Seite, auf der das Lesen beginnt (im Hebräischen rechts, im Englischen links), an dieser Seite ausgerichtet. Frei: jedes Element (Überschrift, kleine Zeile, Schaltfläche) an der Position, in der Größe und in der Farbe, die in seinem eigenen Block festgelegt sind, getrennt für Smartphones und Desktop.
Aussehen der Schaltfläche
Auswahl: Glas (durchsichtig), Dunkel, Hell, Hell, deckendStandard: Glas (durchsichtig)
Transparenz des Glases
Schieberegler, 0 bis 100 %Standard: 70 %0 ist völlig klar, 100 deckend. Die dünne Linie um die Schaltfläche bleibt.
Pfeil nach dem Schaltflächentext
Ein oder ausStandard: EinZeigt nach vorn: im Hebräischen nach links, im Englischen nach rechts. Wird auf Smartphones nicht angezeigt. Ein am Ende eines Schaltflächentexts eingegebener Pfeil wird durch diesen ersetzt.
Glanz auf der Schaltfläche
Ein oder ausStandard: EinAlle paar Sekunden gleitet ein Lichtschimmer über die Schaltfläche, nur solange sie auf dem Bildschirm zu sehen ist. Deaktiviert, wenn auf dem Gerät reduzierte Bewegung eingestellt ist.
Wie die Wörter erscheinen
Auswahl: Langsames Gleiten (wie bei „Neuheiten“), Nacheinander, Alle zusammen, Lichtspur, Kein EinblendenStandard: Langsames Gleiten (wie bei „Neuheiten“)Wenn eine Folie erscheint, bewegen sich ihre Wörter an ihren Platz. Lichtspur: Eine halbe Sekunde nachdem sich das Bild zu bewegen beginnt, werden Zeile, Überschrift und Schaltfläche gemeinsam mit einer weichen Kante von der Seite aufgedeckt, aus der das Bild kommt, auf Smartphones und Desktop. Langsames Gleiten: Sie steigen gemeinsam auf der Kurve der Überschrift „Neuheiten“ auf, 3,4 Sekunden. „Nacheinander“ und „Alle zusammen“ sind schneller. Diese drei gelten nur für Smartphones. Deaktiviert auf Geräten mit reduzierter Bewegung.

Bewegung

Folien automatisch wechseln
Ein oder ausStandard: EinStoppt, solange jemand darin die Tastatur verwendet, sie zieht oder auf Pause drückt, sowie wenn sie außerhalb des Bildschirms ist oder der Tab ausgeblendet ist.
Anzeigedauer jeder Folie
Schieberegler, 2 bis 10 sStandard: 5 s
Pausieren, solange sich die Maus darüber befindet
Ein oder ausStandard: AusNur Computer mit Maus. Standardmäßig aus: Die Folien wechseln weiter.
Geschwindigkeit des Folienwechsels
Auswahl: Schnell, Normal, LangsamStandard: Normal
Punkte unter den Bildern anzeigen
Ein oder ausStandard: EinEiner pro Folie. Der aktuelle ist länger und füllt sich, während er auf den nächsten Wechsel wartet.
Abstand zwischen den Punkten
Auswahl: Großzügig, KompaktStandard: GroßzügigDer Abstand zwischen den Punkten unter den Bildern. Die Punkte zeigen nur die Position an: Auf Smartphones wischen, auf dem Desktop ziehen oder die Pfeile verwenden.
Pfeile anzeigen
Ein oder ausStandard: AusPfeile im Münzstil an den Bildrändern, nur auf dem Desktop. Auf Smartphones und Tablets wischen.
Pausenschaltfläche immer anzeigen
Ein oder ausStandard: AusAndernfalls erscheint die Pausenschaltfläche nur, wenn sie mit der Tastatur erreicht wird.

Barrierefreiheit

Name für Screenreader
TextWird vorgelesen, wenn ein Screenreader die Slideshow erreicht. Leer: ein allgemeiner Name.
Einstellungen, die jeder Abschnitt hatFenster, Scrollen, Farben

Die Einstellungen für Fenster, Scrollen, Abstände und Farben funktionieren in jedem Abschnitt gleich. So funktionieren sie.

Fenster

Anschluss
Auswahl: Eigenes Fenster, An das Fenster darüber angeschlossen, An das Fenster darunter angeschlossen, Oben und unten angeschlossenStandard: Eigenes Fenster

Scrollen

Nächster Abschnitt überdeckt ihn beim Scrollen
Ein oder ausStandard: AusBeim Herunterscrollen bleibt dieser Abschnitt unter dem Header stehen und der nächste Abschnitt schiebt sich darüber. Beim Zurückscrollen kehrt sich das um. Deaktiviert im Editor, für Besuchende mit reduzierter Bewegung und auf sehr niedrigen Bildschirmen.

Farben

Benutzerdefinierte Farben für diesen Abschnitt verwenden
Ein oder ausStandard: AusAndernfalls verwendet der Abschnitt die Theme-Farben. Die Farbe ist der Streifen um das Banner und die Logo-Kerbe. Wörter und Punkte auf dem Bild sind immer weiß.
Hintergrund
FarbeStandard: #F1F1EF

Blöcke

Blöcke sind die Teile innerhalb eines Abschnitts. Im Editor lassen sie sich hinzufügen, entfernen und per Ziehen neu anordnen.

Bild

Bilder

Bild für Computer
BildDer Fokuspunkt des Bildes (in der Bildauswahl) bestimmt, was beim Zuschneiden sichtbar bleibt.
Bild für Smartphones
BildOptional. Leer: Das Bild für Computer wird auch auf Smartphones verwendet.
Video
VideodateiWenn ein Video ausgewählt ist, ersetzt es das Bild und startet erst, wenn es in den sichtbaren Bereich scrollt. Das Bild bleibt als Vorschaubild erhalten.
Video für Smartphones
VideodateiOptional. Wenn leer, zeigt das Smartphone das normale Video.
Bildbeschreibung
TextWird Besuchenden vorgelesen, die das Bild nicht sehen können. Wenn im Bild Wörter stehen, schreibe sie hier. Leer: die mit dem Bild gespeicherte Beschreibung.
ÜberschriftIn Bild

Allgemein

Text
Text

Aussehen

Größe auf Smartphones
Schieberegler, 0 bis 96 pxStandard: 0 px0: automatisch, wie im Theme.
Größe auf dem Desktop
Schieberegler, 0 bis 140 pxStandard: 0 px0: automatisch, wie im Theme.
Schriftstärke
Schieberegler, 0 bis 900Standard: 00: automatisch, wie im Theme.
Farbe
FarbeLeer: Weiß.
Deckkraft
Schieberegler, 0 bis 100 %Standard: 100 %100 ist vollständig deckend, 0 völlig klar.

Freie Position

Abstand von der Seite, Smartphone
Schieberegler, 0 bis 100 %Standard: 6 %0 ist die Seite, auf der das Lesen beginnt (im Englischen links, im Hebräischen rechts), 100 die andere Seite. Bezugspunkt ist der Rand des Textes gemäß seiner Ausrichtung oder seine Mitte, wenn er zentriert ist.
Höhe, Smartphone
Schieberegler, 0 bis 100 %Standard: 70 %0 ist der obere Rand des Bildes, 100 der untere. Bezugspunkt ist die Mitte der Zeile.
Abstand von der Seite, Desktop
Schieberegler, 0 bis 100 %Standard: 6 %0 ist die Seite, auf der das Lesen beginnt (im Englischen links, im Hebräischen rechts), 100 die andere Seite. Bezugspunkt ist der Rand des Textes gemäß seiner Ausrichtung oder seine Mitte, wenn er zentriert ist.
Höhe, Desktop
Schieberegler, 0 bis 100 %Standard: 68 %0 ist der obere Rand des Bildes, 100 der untere. Bezugspunkt ist die Mitte der Zeile.
Ausrichtung
Auswahl: Anfang, Mitte, EndeStandard: AnfangAuch der Bezugspunkt der Position: Anfang, Mitte oder Ende des Textes.
Maximale Breite auf Smartphones
Schieberegler, 0 bis 100 %Standard: 0 %Prozent der Bildbreite. 0: gemäß der Textlänge. Längerer Text wird umbrochen.
Maximale Breite auf dem Desktop
Schieberegler, 0 bis 100 %Standard: 0 %Prozent der Bildbreite. 0: gemäß der Textlänge. Längerer Text wird umbrochen.
Kleine ZeileIn Bild

Allgemein

Text
Text

Aussehen

Größe auf Smartphones
Schieberegler, 0 bis 40 pxStandard: 0 px0: automatisch, wie im Theme.
Größe auf dem Desktop
Schieberegler, 0 bis 48 pxStandard: 0 px0: automatisch, wie im Theme.
Schriftstärke
Schieberegler, 0 bis 900Standard: 00: automatisch, wie im Theme.
Farbe
FarbeLeer: Weiß.
Deckkraft
Schieberegler, 0 bis 100 %Standard: 100 %100 ist vollständig deckend, 0 völlig klar.

Freie Position

Abstand von der Seite, Smartphone
Schieberegler, 0 bis 100 %Standard: 6 %0 ist die Seite, auf der das Lesen beginnt (im Englischen links, im Hebräischen rechts), 100 die andere Seite. Bezugspunkt ist der Rand des Textes gemäß seiner Ausrichtung oder seine Mitte, wenn er zentriert ist.
Höhe, Smartphone
Schieberegler, 0 bis 100 %Standard: 79 %0 ist der obere Rand des Bildes, 100 der untere. Bezugspunkt ist die Mitte der Zeile.
Abstand von der Seite, Desktop
Schieberegler, 0 bis 100 %Standard: 6 %0 ist die Seite, auf der das Lesen beginnt (im Englischen links, im Hebräischen rechts), 100 die andere Seite. Bezugspunkt ist der Rand des Textes gemäß seiner Ausrichtung oder seine Mitte, wenn er zentriert ist.
Höhe, Desktop
Schieberegler, 0 bis 100 %Standard: 77 %0 ist der obere Rand des Bildes, 100 der untere. Bezugspunkt ist die Mitte der Zeile.
Ausrichtung
Auswahl: Anfang, Mitte, EndeStandard: AnfangAuch der Bezugspunkt der Position: Anfang, Mitte oder Ende des Textes.
Maximale Breite auf Smartphones
Schieberegler, 0 bis 100 %Standard: 0 %Prozent der Bildbreite. 0: gemäß der Textlänge. Längerer Text wird umbrochen.
Maximale Breite auf dem Desktop
Schieberegler, 0 bis 100 %Standard: 0 %Prozent der Bildbreite. 0: gemäß der Textlänge. Längerer Text wird umbrochen.
SchaltflächeIn Bild

Allgemein

Schaltflächentext
TextLeer und auch der Link leer: „Alle Kollektionen“ zur Kollektionsseite.
Link
LinkLeer und auch der Text leer: die Kollektionsseite.

Position

Position der Schaltfläche
Auswahl: Mit dem Text, FreiStandard: Mit dem TextMit dem Text: unter der Überschrift, dort, wo der Bannertext platziert ist. Frei: an beliebiger Stelle auf dem Bild, gemäß den Einstellungen unten, während der Text an seinem Platz bleibt.
Abstand von der Seite, Smartphone
Schieberegler, 0 bis 100 %Standard: 6 %0 ist die Seite, auf der das Lesen beginnt (im Englischen links, im Hebräischen rechts), 100 die andere Seite. Bezugspunkt ist der Rand des Textes gemäß seiner Ausrichtung oder seine Mitte, wenn er zentriert ist.
Höhe, Smartphone
Schieberegler, 0 bis 100 %Standard: 88 %0 ist der obere Rand des Bildes, 100 der untere. Bezugspunkt ist die Mitte der Zeile.
Abstand von der Seite, Desktop
Schieberegler, 0 bis 100 %Standard: 6 %0 ist die Seite, auf der das Lesen beginnt (im Englischen links, im Hebräischen rechts), 100 die andere Seite. Bezugspunkt ist der Rand des Textes gemäß seiner Ausrichtung oder seine Mitte, wenn er zentriert ist.
Höhe, Desktop
Schieberegler, 0 bis 100 %Standard: 86 %0 ist der obere Rand des Bildes, 100 der untere. Bezugspunkt ist die Mitte der Zeile.
Ausrichtung
Auswahl: Anfang, Mitte, EndeStandard: AnfangAuch der Bezugspunkt der Position: Anfang, Mitte oder Ende des Textes.

Größe

Breite auf Smartphones
Schieberegler, 0 bis 400 pxStandard: 0 px0: gemäß der Textlänge. Der Text ist in der Schaltfläche immer zentriert.
Breite auf dem Desktop
Schieberegler, 0 bis 400 pxStandard: 0 px0: gemäß der Textlänge. Der Text ist in der Schaltfläche immer zentriert.
Höhe auf Smartphones
Schieberegler, 0 bis 96 pxStandard: 0 px0: automatisch, wie im Theme.
Höhe auf dem Desktop
Schieberegler, 0 bis 96 pxStandard: 0 px0: automatisch, wie im Theme.
Textgröße auf Smartphones
Schieberegler, 0 bis 40 pxStandard: 0 px0: automatisch, wie im Theme.
Textgröße auf dem Desktop
Schieberegler, 0 bis 40 pxStandard: 0 px0: automatisch, wie im Theme.
Schriftstärke des Textes
Schieberegler, 0 bis 900Standard: 00: automatisch, wie im Theme.
Schaltflächengröße auf Smartphones
Schieberegler, 50 bis 200 %Standard: 100 %Vergrößert oder verkleinert die gesamte Schaltfläche samt Text im gleichen Verhältnis.
Schaltflächengröße auf dem Desktop
Schieberegler, 50 bis 200 %Standard: 100 %Vergrößert oder verkleinert die gesamte Schaltfläche samt Text im gleichen Verhältnis.

Form

Ecken
Auswahl: Wie alle Schaltflächen der Website, Eckig, Vollständig rund, BenutzerdefiniertStandard: Wie alle Schaltflächen der Website
Eckenrundung
Schieberegler, 0 bis 40 pxStandard: 10 px
Einstellungen, die jeder Abschnitt hatFarben

Farben

Hintergrundfarbe
FarbeLeer: gemäß dem Schaltflächenstil des Banners. Beim Glasstil gilt die Glastransparenz auch für diese Farbe.
Textfarbe
FarbeLeer: gemäß dem Schaltflächenstil des Banners.
Hintergrundfarbe beim Hovern
FarbeWenn sich der Mauszeiger auf dem Desktop über der Schaltfläche befindet. Leer: keine Änderung.
Textfarbe beim Hovern
FarbeWenn sich der Mauszeiger auf dem Desktop über der Schaltfläche befindet. Leer: keine Änderung.
Rahmenfarbe
FarbeLeer: gemäß dem Schaltflächenstil des Banners. Eine vollständig transparente Farbe: kein Rahmen und kein Schatten.
Rahmenstärke
Schieberegler, 1 bis 4 pxStandard: 1 px
Deckkraft
Schieberegler, 0 bis 100 %Standard: 100 %100 ist vollständig deckend, 0 völlig klar.

Stimmt hier etwas nicht mit dem Editor überein? Schreiben Sie uns, dann korrigieren wir die Anleitung.