Menü close
Wofür interessieren Sie sich?
DE
Home > Sprint 03 > Quicklinks mit diversen Layouts

Quicklinks mit diversen Layouts

Automatische Anzeige der Quicklinks

Die Anzeige von Quicklinks erfolgt automatisch, solange nicht manuell die automatisch ausgelesenen Quicklinks überschrieben werden.
Dabei wird folgende Logik für die automatische Anzeige verwendet:

  • Befinde ich mich auf der Home-Seite, so werden die Quicklinks der 1. Menüebene am Ende der Seite angezeigt.
  • Befinde ich mich auf der 1. Ebene im Menü, so werden die Quicklinks der 2. Ebene im Menü am Seitenende angezeigt
  • Befinde ich mich auf einer Seite der 2. Menüebene, die keine Unterseiten hat, so werden die weiteren Seiten der 2. Menüebene als Quicklinks auf der Seite angezeigt ohne die Seite, auf der ich mich gerade befinde.
  • Befinde ich mich auf einer Seite der 2. Menüebene mit Unterseiten der 3. Menüebene, so werden in den Quicklinks die Seiten der 3. Menüebene angezeigt.
  • Befinde ich mich auf einer Seite der 3. Menüebene, die keine Unterseiten hat, so werden die weiteren Seiten der 3. Menüebene als Quicklinks auf der Seite angezeigt ohne die Seite, auf der ich mich gerade befinde.
  • Befinde ich mich auf einer Seite der 3. Menüebene, die Unterseiten der 4. Menüebene hat, so werden in den Quicklinks die Seiten der 4. Menüebene angezeigt.

Damit diese automatische Anzeige funktioniert, muss im Verwaltungsbereich der Webseite in der Spalte "Cluster Elements" ein Element vom Typ "[CLUSTER] Quicklink" angelegt werden mit Bild, Titel und Kurztextauf, die für die Anzeige in den Quicklink-Boxen verwendet werden können.

Sollen die automatisch ausgegebenen Quicklinks auf einer bestimmten Seite überschrieben werden, so muss in der Spalte "Quicklinks" ein neues Element vom Typ "Quicklink" oder "[CC] Quicklinks" eingefügt werden.

 

Manuelle Steuerung der Anzeige der Quicklinks

Quicklinks können an beliebiger Stelle verwendet werden, um auf andere Seite über Boxen zu verlinken.

Es gibt 2 Arten, um Quicklinks zu verwenden:

  1. Jeder Quicklink wird manuell direkt im Element "Quicklinks" angelegt.
  2. Man legt für jede Seite den Inhalt, der für die Anzeige des Quicklinks zu dieser Seite verwendet werden soll, auf dieser Seite in der Spalte "Cluster Elements" ein Element vom Typ "[CLUSTER] Quicklinks" an, und bestimmt dann für die Anzeige der Quicklinks auf einer anderen Seiten, woher die Quicklinks bezogen werden sollen.

Beispiel zur 1. Variante:
Auf der Seite A wird in der Spalte "Content" ein Element vom Typ "Quicklinks" angelegt, und in diesem Element drinnen kann der Redakteur dann beliebig viele Quicklinks selber mit Bild, Text und Link hinterlegen.

Beispiele zur 2. Variante:
Auf der Seite A sollen die Quicklinks zu deren Unterseiten B, C und D angezeigt werden. In einem ersten Schritt legen Sie als Redakteur auf den Seiten B, C und D in der Spalte "Cluster Element" jeweils ein Element vom Typ "[CLUSTER] Quicklink" an. Danach gehen Sie auf die Seite A, und legen in der Spalte "Content" ein Element vom Typ "[CC] Quicklinks" an. Für dieses Element können Sie nun entweder

    a) im Feld "Seiten ID" die ID der Seite A an (damit werden alle Quicklinks der Unterseiten dieser Seite A ausgegeben) - oder
    b) im Feld "Seiten IDs" die IDs der Seiten B, C und D mit Komma getrennt an (damit werden die Quicklinks der Seiten mit den angegebenen IDs ausgelesen).

Zusätzliche Einstellungen

Für jedes Element "[CC] Quicklinks" kann zudem über die Checkbox "Slider deaktivieren?" definiert werden, das die Quicklinks ohne Slider alle sofort sichtbar dargestellt werden sollen.

Mit Aktivieren der Checkbox "Hintergrundfarbe aktivieren?" werden die Quicklinks auf grauem Hintergrund angezeigt.

 

Bildeigenschaften

Das größere Bild ist im 16:9-Format und hat eine minimale Breite vom 720px.
Das Bild des Autors ist im 1:1-Format und hat eine minimale Breite vom 55px.

Quicklinks Layout 1 mit Slider

Mask Layout 1

Food
Gesperrte Seite

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Food
Food
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Food
General
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Room
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

General
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Quicklinks Layout 1 ohne Slider

Mask Layout 1

Food
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Food
Food
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Food
General
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Room
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

General
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Quicklinks Layout 2 mit Slider

Mask Layout 2

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Quicklinks Layout 2 ohne Slider

Mask Layout 2

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

lvh
Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Wichtiger Hinweis!

Beim Quicklink mit Layout 3 darf im Feld "Text" über den Rich-Text-Editor kein Link hinterlegt werden, da ansonsten die Verlinkung der Quicklink-Box nicht mehr funktioniert.

Quicklinks Layout 4 mit weißem Hintergrund

Mask Layout 4

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Quicklinks Layout 4 mit grauem Hintergrund

Mask Layout 4 - Hintergrundfarbe ist aktiviert

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Quicklinks Layout 5 auf weißem Hintergrund

Mask Layout 5 - rundes Icon

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Quicklinks Layout 5 auf grauem Hintergrund

Mask Layout 5 - rundes Icon

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Quicklinks Layout 6 auf weißem Hintergrund und mit Slider

Mask Layout 6 - Rahmen um die Boxen

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/

Quicklinks Layout 6 auf grauem Hintergrund

Mask Layout 6 - mit Rahmen

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

Headline

Lorem ipsum dolor sit amet, consectetur cing elit. Pellentesque aliquam urna elit viverra.

/
/
Von den Vorteilen für lvh-Mitglieder profitieren
Noch offene Fragen?

Keine Sorge: Kontaktieren Sie uns einfach.
Wir sind gerne für Sie da!

1
/
1
Quicklinks mit diversen Layouts