Seitentypen
Seitentypen ermöglichen es dir, deine Inhaltsseiten zu kategorisieren. So kannst du beispielsweise Blogartikel dem Seitentyp „Blog“ zuordnen und mit Seitengalerien eine übersichtliche Darstellung aller Artikel erstellen.
Der Seitentyp „Seiten“ ist voreingestellt, kann nicht entfernt werden und enthält deine Startseite. Hier kannst du wichtige Seiten wie das Impressum und rechtliche Informationen, „Über uns“ oder andere grundlegende Seiten für deinen Shop anlegen.
Mit dem Element Seitengalerie kannst du dann nicht nur einzelne Seiten, sondern automatisiert alle Seiten eines Seitentyps zu einer verschiedensten Listen zusammenfassen:
- News & Veranstaltungen
- Blog
- Jobs
- Mitarbeiter
- Referenzen
uvm.
Diese Seitengalerien können nach unterschiedlichen Kriterien sortiert und gefiltert werden und auch die Darstellung ist mit individuellem Styling wahlweise mit Bild, Teasertext und Button möglich. Der Teasertext befindet sich bei den Seiteneinstellungen der jeweiligen Seite.
Nach Seitentypen filtern
Wenn du verschiedene Seitentypen angelegt hast, werden im Reiter „Seiten“ standardmäßig nur die klassischen Standardseiten angezeigt, beispielsweise Startseite, Kontakt, AGB und ähnliche Seiten. Dies geschieht über einen automatischen Seitentyp-Filter, den du jederzeit entfernen kannst, um die Anzeige um alle Seitentypen zu erweitern.
Durch das Entfernen des Filters kann die Suche über alle Seitentypen hinweg durchgeführt werden. So findest du eine Seite auch dann, wenn ihr Seitentyp nicht bekannt ist.
Produkte, Kategorien und andere Shop-Funktionen werden nicht als normale Seiten angelegt. Dafür stehen eigene Listenseiten zur Verfügung.
Inhaltsseiten sind für alle anderen Inhalte deiner Website gedacht – also für Inhalte, die nicht direkt zu den Shop-Funktionen gehören.
Seitengalerie eines bestimmten Seitentyps anlegen
Im Inhaltseditor steht dir das Element Seitengalerie zur Auswahl, mit dem du deine Seiten als Menü darstellen kannst. Wenn du einen Seitentyp angelegt hast, kannst du automatisch alle zugehörigen Seiten anzeigen lassen. Wähle dazu einfach „Alle Seiten eines Typs anzeigen“ bei der Seitenauswahl und entscheide dich anschließend für einen Seitentyp.
Wenn du mehrere Seiten derselben Kategorie hast – z. B. Blogs, News oder Mitarbeiterprofile – kann ein eigener Seitentyp helfen, sie strukturiert zu verwalten, einfacher zu organisieren und gesammelt in einer Seitengalerie darzustellen.
Um einen neuen Seitentyp zu erstellen, klicke auf „Hinzufügen“ und vergebe einen Namen. Danach steht dir der Seitentyp im Editor als Listenseite zur Verfügung, in der du beliebig viele Seiten anlegen kannst. Berücksichtige also schon beim Anlegen deiner Seitenstruktur, ob und welche Seitentypen für die Zusammenfassung von Seitengalerien nützlich sein können. Der Look der Seitengalerie kann im Styling frei gestaltet werden.
Filterfunktion mit Referenz-Tags
Mit der Seitengalerie kannst du mehrere Seiten zu einer übersichtlichen Liste zusammenfassen und nach bestimmten Kriterien filtern. Das eignet sich zum Beispiel für Blogartikel, News, Events, Produkte oder Jobangebote.
Damit die Seiten gefiltert werden können, musst du ihnen passende Referenz-Tags zuweisen. Diese Tags dienen der Seitengalerie als Grundlage für die Filterung.
1) Seiten Referenz-Tags geben
Möchtest du Seiten in einer Seitengalerie filtern, benötigen diese Referenz-Tags.
Du kannst einer Seite einen oder mehrere frei wählbare Tags zuweisen, z. B. „warhol“, „popart“ oder „moderne kunst“. Die Tags sind für Besucher nicht sichtbar und dienen ausschließlich dazu, Seiten zu gruppieren und zu filtern.
Wichtig: Verwende in den Filtereinstellungen der Seitengalerie genau dieselben Bezeichnungen wie bei den Seiten-Tags. Nur dann kann der Filter die entsprechenden Seiten korrekt anzeigen.
> Seite > Seiteneinstellungen > Referenz-Tags zusammenfassen
2) Filter-Art als Kacheln oder Dropdown in der Seitengalerie aktivieren
Mit dem Seitengalerie-Element kannst du mehrere Seiten übersichtlich als Anrisse bzw. Kacheln darstellen, zum Beispiel eine Sammlung von Kunstwerken, deren Detailinformationen auf eigenen Unterseiten stehen.
In den Einstellungen der Seitengalerie legst du fest, welche Seiten und Seitentypen angezeigt werden.
Haben die Seiten zusätzlich Referenz-Tags, kannst du Besucher die angezeigten Seiten auch filtern lassen. Die Filter können dabei als Kacheln oder Dropdown-Menüs dargestellt werden. Die entsprechende Einstellung findest du in den Optionen der Seitengalerie.
3) Filter hinzufügen
Mit Filtern kannst du Seiten beispielsweise nach Kunststil, Künstler, Epoche oder Herkunft sortieren.
Für jeden Filter legst du zunächst einen Filter-Namen fest, z. B. „Kunststil“. Anschließend definierst du die Filter-Werte, etwa „Moderne Kunst“, „Jugendstil“ oder „Pop Art“.
Jeder Filter-Wert wird über Referenz-Tags mit den entsprechenden Seiten verknüpft. Ein Filter-Wert kann dabei einem oder mehreren Referenz-Tags entsprechen. Das heißt, es werden dann alle Seiten angezeigt, die mindestens einen dieser Tags enthalten.
Du kannst in einer Seitengalerie auch mehrere Filter gleichzeitig verwenden, beispielsweise für Kunststil und Künstler.
Mehrsprachigkeit: Die Filter-Werte können für jede Sprache übersetzt werden. Die Referenz-Tags bleiben hingegen unverändert, da sie nur im Backend verwendet werden und für Besucher nicht sichtbar sind.
4) Filter-Styling
Das Erscheinungsbild der Filter kannst du über die Styling-Einstellungen des Seitengalerie-Elements anpassen.
Je nach gewählter Darstellung – Kacheln oder Dropdown – stehen dir unterschiedliche Styling-Optionen zur Verfügung.
Beispiel: Wie erstellst du einen Blog?
Mit Seitentypen und dem Seitengalerie-Element kannst du Inhalte wie Blogartikel, Jobangebote, Leistungen, Mitarbeiter oder Referenzen strukturiert verwalten und übersichtlich auflisten.
Am Beispiel eines Blogs funktioniert das so:
1. Seitentyp „Blog“ anlegen
Erstelle zunächst den Seitentyp „Blog“. Lege anschließend für jeden Blogartikel eine eigene Seite mit diesem Seitentyp an.
2. Referenz-Tags vergeben
Über die Seiteneinstellungen kannst du deinen Blogartikeln Referenz-Tags zuweisen. Diese Tags bilden später die Grundlage für die Filterung, z. B. „Innovation“, „Medien“, „Software“ oder „Hardware“.
3. Seitengalerie hinzufügen
Füge auf der gewünschten Übersichtsseite das Element „Seitengalerie“ hinzu. Stelle dort ein, dass automatisch alle Seiten des Seitentyps „Blog“ angezeigt werden.
4. Filter aktivieren
Aktiviere die Filterung und lege fest, welche Filterwerte zur Verfügung stehen. Ordne den Filterwerten die passenden Referenz-Tags zu.
5. Filter-Darstellung wählen
Entscheide, ob die Filter als Kacheln oder Dropdown-Menü angezeigt werden sollen.
6. Darstellung gestalten
Passe das Layout der Seitengalerie und das Styling der Filter im Design-Editor an deine Wünsche an.
Nach demselben Prinzip kannst du auch Jobangebote, Leistungen, Mitarbeiter, Referenzen und viele weitere Inhalte organisieren und filterbar auf einer Übersichtsseite darstellen.