icon lightspeedLightspeed platform

Startseite Slideshow (Headlines)

Wählen Sie: Allgemein > Design > Startseite Slideshow

Allgemein

Mit den Startseite Slideshow (oder "Headlines" genennt) werden die Gesichtsentscheidenden Abbildungen gemeint, die oben auf der Homepage stehen (auch mal 'Hero Images' genannt). Headlines können als "Karussell" benutzt werden, das sind mehrere Hedalines, die in einem Dia-Show-Karussell abwechselt gezeigt werden, oder als eine stillstehende Abbildung (wenn nur 1 große Headline benutzt wird). Die Headlines sind sehr geeignet um Ihrer Webseite eine einzigartige und direkt erkennbare Ausstrahlung zu geben. Zusätzlich können Sie den Besucher auf Sonderaktionen/Angebote aufmerksam machen. Sie können auch einen Link an ein Headline-Dia koppeln und den Besucher direkt zu einem Produkt oder Kategorie zu verweisen.

scrnshot fe berlin headline fullwidth nlBeispiel von Headlines mit full-width Abbildungen (ohne "Headline Banner" am rechten Seite), ohne Karussell
scnshot fe berlin headlines grid3Beispiel von Headlines mit rechts 2 "Headline Banner"; die große Headline links funktioniert als Karussell.

Bei dem Thema "Berlin" können Sie wählen wie Sie die Headlines benutzen möchten: Als 1 großes 'Key Visual', stillstehend; als eine Dia-Show mit verschiedenen Headlines die in einem Karussell sichtbar sind oder als Kombination von einer oder mehreren großen Abbildungen mit rechts 2 kleineren Banner.

Pixelgröße (Breite) für Headline-Abbildungen ("Full-width" or Karussell), über die gesamte Breite von dem Thema: 1160 pixels. Höhe: wenn keine "Headline Banner" verwendet werden (also beim Full-width Headlines) ist die Höhe frei zu wahlen, aber am besten zwischen 350 und 700 Pixels (bei Breite von 1160px).
Wenn Headline Banner wohl verwendet werden, dann sollte die Haupt Headline Abbildung mindestens 777 x 442 pixels groß sein.

Pixelgröße (Breite) für kleine Headline-Banner (rechts neben dem Karussell): 375 pixels; Höhe 216 Pixels.
Für das beste Resultat können Sie am besten nur Abbildungen hochladen die diese Pixel Size oder größer sind (größere Abbildungen werden automatisch kleiner gemacht).

scrnsht bo berlin headlines00
Wenn Sie mehrere Abbildungen als Headlines hochladen, werden diese automatisch als eine Dia-Show gezeigt. Laden Sie nur 1 Abbildung hoch, dann wird diese standardmäßig als 1 großes stillstehendes "Hero-Image" über die ganze Breite des Themas (Maximum 1160 Pixel) angezeigt.
Headlines instellen (slideshow)
Die Einstellung für die "Headlines" auf der Homepage

Einstellungen "Startseite Slideshow" (Headlines)

Siehe 03b. HOME PAGE: Headlines (slider)

Die erste wichtige Einstellung betrifft die Frage, ob Sie die 2 "Headline Banner" benutzen willen, oder nicht (also gerade einen "full-width" Headline Abbildung). Diese Wahl definiert weiter wo die hochgeladen Abbildungen plaziert werden, und mit welcher Größe.

scrnshot bo berlin headlinebanner presetDie Einstellung fur full-width Headlines (de-aktiviert), oder fur ein Einteilung mit 1 oder mehr "Key Headlines links (in Karussell wann mehr als 1) und 2 Headline Banner rechts.

Beim Wahl für "full-width" Headline Abbildungen

  • zorgen Sie das die option "Show Headline Banners" deactiviert ist
  • jetzt werden alle hochgeladen Headline Abbildungen "full-width" gezeigt. Hochladen Sie nur 1 Abbildung, dann bekommt man also einen full-width Headline, ohne Startseite Slideshow. Hochladen Sie in dieser Einstellung mehr Abbildungen, dann werden diese automatisch in einen Slideshow (Karussell) gezeigt.

Beim Wahl für 2 "Headline Banner" (am rechten Seite)

In "Berlin" werden die ersten 2 Abbildungen die als Headline hochgeladen werden für die 2 kleineren Banner recht von der Haupt-Headline (Key-Visual) benutzt. Die nächsten Headline-Abbildungen werden für die große Headline benutzt. Sollten Sie von nur im totalen 3 Headlines Gebrauch machen, dann erhalten Sie 2 kleine Banner recht und 1 große Headline über die gesamte Breite. Möchten Sie eine Slide-Show von der großen Headline machen, dann müssen sie 4 oder mehr Header-Abbildungen hochladen.

Achtung: Die Reihenfolge in denen die Headlines hochgeladen werden bestimmt die Platzierung der Headline-Abbildung.
scrnshot fe berlin headlines01 nl
Headline-Abbildung #1 en #2 werden als "Headline-Banner" (rechts) angezeigt; #3 als große Headline-Abbildung.
Die ersten 2 Headlines sind bestimmt für die kleinen Banner rechts; ab der 3 Headline werden sie gezeigt als große Headline oder Headlines im Karussell. Nach dem hochladen, kann die Reihenfolge von jeder Headline-Abbildung verändert werden.
Achtung: Bei kleineren Apparaten (kleiner als 1024px breit) kommen die "Headline-Banner" automatisch zu verfallen, um nicht unnötig Platz und Daten zu verbrauchen. Die "Haupt-Banner" mitten auf der Homepage bleiben immer sichtbar. Benutzen Sie diese "Main-Banners" also für Aktionen die immer im Bild bleiben müssen.

Einstellungen Slide-Show und Headline-Texte ("Captions")

Der gesamte Abschnitt von den Headlines (Slide-Show) und Headline-Banner kann deaktiviert werden über die Einstellung im Back-Office unter: "03 Pagetype: Homepage - Headlines (slideshow)".
Alle Headlines und Headline-Banner sind dann nicht mehr sichtbar. Hierunten finden Sie die Einstellung.

 scrnshot bo berlin headlines05 nlEinstellungen für den Abschnitt "Headline-Banner" und "Headlines (Slide-Show)"

Achtung zum Benutzen der "Kontrole buttons" fur die "Headlines" und das zeigen von die "Dots" um das Anzahl der "Headline" Bilder zu zeigen:  
Wenn Sie die Headlines verwenden als "Slider", also mit mehrere Bilder nach einander, können Sie die "Kontrole Buttons" (links und rechts vom Headline Slider) zeigen, zusammen mit die Dots unter die Headlines, die das Anzahl von Bilder im Slider zeigen. Activieren Sie dazu die Einstellung "Show dots for slides" (Sehe 03b. HOME PAGE: Headlines (slider)) um diese Dots und Buttons zu zeigen. 

Headlines an Seiten verbinden

Die "Headlines" können mit einem Link zu einer bestimmten Seite versehen werden. z.B. zu einer Kategorie-Seite, zu einer Marken-Seite oder zu einem bestimmten Produkt. Aber Sie können auch einen anderen "Custom" Link daran verknüpfen. 

Koppelen van headline aan een categorie (voorbeeld)
Jede "Headline"-Abbildung kann gelinkt werden an ein bestimmtes Produkt, Marken-Seite, Kategorie-Seite oder zu anderen Seiten Ihrer Wahl. So können Sie die Headlines dazu benutzen um Sonderaktionen anzukündigen.