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.
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 unter Customizing
- 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.
Ein geöffneter Inhalt wird als Tooltip bezeichnet und hat eine maximale Breite von 300px. Ist im Tooltip weniger Inhalt vorhanden, wird der Tooltip schmäler ausgegeben.
Immer den passenden Stift parat in silber, rot oder grau!
- 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 online am Highlight-Bild 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.
Schritt 2:
Im Navigationsbereich unter CMS Erweiterungen Highlight, mit den Unterpunkten Inhalt und Kategorien, erstellen und bearbeiten Sie die Highlights.
In der Highlight-Listenübersicht finden Sie
- die Interne Bezeichnung,
- das Highlight-Bild,
- die zugeordneten Inhalte,
- das verwendete Icon,
- die Verwendungen sowie
- ein-
/ausblenden 
, bearbeiten 
, kopieren 
und löschen 
.
Neuer EintragMit 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.
Schritt 3:
Unter CMS 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.
Neuer Eintrag
- Typ Inhalt:
- Pflichtfelder sind Typ und interne Bezeichnung.
- Optional können Sie noch eine Kategorie, ein Icon, einen Titel, ein Bild oder einen Text anlegen.
- Klicken Sie online auf den interaktiven Punkt, öffnet sich ein kleines Infofenster, mit den Inhalten (Titel, Bild, Text), die Sie hier anlegen.
- Link:
- Pflichtfelder sind die interne Bezeichnung und der Link.
- Optional können Sie eine Kategorie oder 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.
- Klicken Sie bei dieser Einstellung online auf den interaktiven Punkt, öffnet sich die verlinkte Seite.
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 den Button in der Spalte, öffnet sich eine Liste mit den verfügbaren Inhalten in der linken Spalte und den zugeordneten Inhalten in der rechten Spalte.
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 wirkt sich nur auf die Darstellung Nummerierung aus. Ändern Sie hier die Reihenfolge, ändert sich die Nummerierung online. - Aktivieren Sie bei einem Inhalt die Checkbox in der Spalte "Geöffnet", dann wird der Tooltip bei diesem Inhalt online initial geöffnet.
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.
ordnen Sie damit den Inhalt der Spalte "verfügbare Inhalte" der Spalte "zugeordnete Inhalte" zu.Schritt 5:
Wenn Sie einen Inhalt zu 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 auf die gewünschte Stelle direkt am Bild, dann erscheint am Bild ein roter Punkt und die Koordinaten werden automatisch ausgefüllt.
- Speichern Sie die Einstellungen.
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 im Dropdown alle freigeschalteten Highlights aus der Erweiterung.
- Bei der Darstellung können Sie Icon oder Nummerierung auswählen. Oben im Tutorial finden Sie je ein Beispiel für die beiden Darstellungsvarianten.
- Bei Klick auf Übernehmen werden die Modul-Einstellungen übernommen. Sie müssen anschließend noch die Inhaltsseite speichern, damit die Erweiterung online angezeigt wird.
Sie möchten die Erweiterung Highlight bei Ihrem Projekt verwenden? Holen Sie ein Angebot ein.