Tutorial: Erweiterungen

In diesem Bereich finden Sie komplexe Anleitungen zu kleineren Erweiterungen, die noch keinen eigenen Tutorial-Bereich benötigen wie z.B. die Erweiterungen Countdown, Highlights, Animierte Kennzahlen.

Sollten Fragen auftauchen, melden Sie sich bei uns oder holen Sie sich ein Angebot für die Erweiterung ein.

Wie arbeite ich mit der Erweiterung Highlight?





Mit der optionalen Erweiterung Highlight können Sie bei Bildern interaktive Punkte anlegen und damit Besonderheiten hervorheben.

Im Tutorial erklären wir Ihnen Schritt für Schritt, wie Sie mit der Erweiterung Highlight arbeiten:

Allgemeine Einstellungen im Feature-Manager
Erstellen eines Highlights
Inhalte für die interaktiven Punkte anlegen
Zuweisen der Inhalte zu einem Highlight
Koordinaten beim Bild auswählen
Anlegen auf SITEX-Seiten

Hier ein Beispiel, wie die beiden Darstellungsvarianten online aussehen.

Darstellung Icon mit Zoom-Icon

Darstellung Nummerierung

Schritt 1:

Allgemeine Einstellungen können Sie unter Feature-Manager Konfigurationen Highlight Erscheinungsbild anlegen.

Unter Icon können Sie ein Icon auswählen und weitere Icon-Einstellungen vornehmen
Zoom-Icon anzeigen aktivieren oder deaktivieren
Das aktivierte Zoom-Icon wird am Highlight-Bild online rechts oben angezeigt und ist für die mobile Erreichbarkeit der interaktiven Punkte wichtig.
Unter Tooltip lassen sich Tooltip Darstellung und Tooltip-Überschrift stylen.

Alle Einstellungen sind einzeln zu speichern.

Feature-Manager Einstellungen

Schritt 2:

Im roten Navigationsbereich unter Erweiterungen Highlight, mit dem Unterpunkt Inhalt, erstellen und bearbeiten Sie die Highlights.

In der Highlight-Listenübersicht finden Sie

die Interne Bezeichnung,
das Highlight-Bild,
die zugeordneten Inhalte,
die Verwendung sowie
ein- /ausblenden , bearbeiten , kopieren und löschen .

Listenübersicht Erweiterung Highlight

Mit dem Symbol Neuer Eintrag, links oben in der Listenübersicht, legen Sie ein neues Highlight an.

Geben Sie dem Highlight eine sprechende Bezeichnung und legen das Bild fest, auf dem die interaktiven Punkte angezeigt werden sollen.
Optional können Sie ein Icon auswählen und festlegen, ob das Zoom-Icon angezeigt wird.
Abschließend speichern Sie das neue Highlight.

neues Highlight erstellen

Schritt 3:

Unter Erweiterungen Highlight Inhalt erstellen Sie mit dem Symbol Neuer Eintrag die Highlight-Inhalte.

In der Spalte "Verwendung" sehen Sie, bei welchen Highlights dieser Inhalt zugeordnet ist. Ein Inhalt kann bei mehreren Highlights zugeordnet werden.

Listenübersicht Highlight Inhalte

Beim Typ können Sie aus zwei verschiedenen Varianten auswählen:

Inhalt:
- Pflichtfelder sind die interne Bezeichnung und der Text.
- Optional können Sie noch ein Icon, einen Titel oder ein Bild anlegen.
- Klicken Sie online auf den interaktiven Punkt, öffnet sich ein kleines Infofenster, mit den Inhalten, die Sie hier anlegen.
Link:
- Pflichtfelder sind die interne Bezeichnung und die URL.
- Optional können Sie ein Icon auswählen.
- Unter Zielseite können Sie auswählen, ob die Verlinkung online im gleichen oder einem neuen Fenster oder einem Modal geöffnet wird.
  Für interne Verlinkungen empfehlen wir Ihnen gleiches Fenster oder Modal, bei externen Verlinkungen ein neues Fenster.
- Klicken Sie bei dieser Einstellung online auf den interaktiven Punkt, öffnet sich die verlinkte Seite.

Highlight-Punkt als Inhalt anlegen

Highlight-Punkt als Verlinkung anlegen

Schritt 4:

Nachdem Sie die Inhalte erstellt und freigeschaltet haben, müssen Sie diese bei einem oder mehreren Highlights zuweisen.

In der Listenübersicht der Erweiterung Highlight finden Sie die Spalte "Inhalte". Klicken Sie auf das Symbol , öffnet sich eine Liste mit den verfügbaren Inhalten in der linken Spalte und den zugeordneten Inhalten in der rechten Spalte.

Damit die verfügbaren Inhalte in die rechte Spalte kommen, klicken Sie beim gewünschten Inhalt auf den Pfeil .
Es öffnet sich ein Modal, in dem die Koordinaten beim Bild für diesen Inhalt zugeordnet werden siehe Schritt 5! Dieser Zwischenschritt ist beim Zuordnen jedes Inhaltes erforderlich.

Anschließend wird dieser Inhalt in die rechte Spalte mit den zugeordneten Inhalten übernommen:

Sind bei einem Highlight mehrere Inhalte zugeordnet, kann die Reihenfolge geändert werden.
Die Reihenfolge ist nur für die Darstellung Nummerierung ausschlaggebend.
Ein Inhalt kann in der Spalte "Geöffnet" aktiviert werden und wird online initial geöffnet angezeigt.
Bei Inhalten vom Typ Link ist diese Checkbox nicht vorhanden, da Sie beim Erstellen einer Verlinkung die Zielseite festlegen.
Unter bearbeiten können die Koordinaten am Bild nachträglich verändert werden.

Inhalte zu einem Highlight zuweisen

Schritt 5:

Wenn Sie einen Inhalt bei einem Highlight zuweisen, dann öffnet sich das Modal "Koordinaten wählen".

Um die interaktiven Punkte online am Bild festzulegen,

geben Sie die X- und Y-Koordinate in Prozent ein oder
klicken einfach auf die gewünschte Stelle direkt am Bild, dann werden die Koordinaten automatisch ausgefüllt.
Speichern Sie die Einstellungen.

Koordinaten für Highlight-Punkte zuweisen

Schritt 6:

Sind die oben angeführten Schritte erledigt, dann wechseln Sie zu der Inhaltsseite, auf der Sie die Erweiterung anlegen möchten und erstellen ein neues Modul.

Bei Modul wählen Sie Highlight aus.
Unter Highlight finden Sie alle freigeschalteten Highlights aus der Erweiterung im Dropdown.
Bei der Darstellung können Sie Icon oder Nummerierung auswählen. Oben im Tutorial finden Sie je ein Beispiel für die beiden Darstellungsvarianten.
Klicken Sie auf Übernehmen, werden die Modul-Einstellungen übernommen. Sie müssen anschließend noch die Inhaltsseite speichern, damit die Erweiterung online angezeigt wird.