Sidebar Filter

Sidebar Filter

Produktfilter als Sidebar- oder Horizontalfilter anzeigen.
Sidebar Login

Sidebar Login

Loginformular und Kundenmenü als Sidebar-Block prüfen.

Sidebar-Ansichten

Sidebar-Ansichten verwalten

Die Sidebar-Ansichten legen fest, welche Sidebar-Blöcke in welchem Theme links, rechts oder gar nicht angezeigt werden. Die Seite verbindet drei Aufgaben: Ansichten je Theme verwalten, Ansichten konkreten Shopseiten zuordnen und die Blöcke einer Ansicht per Drag-and-drop anordnen.

Wofür Sidebar-Ansichten da sind

Eine Sidebar-Ansicht ist ein Layout für seitliche Inhalte. Die Ansicht bestimmt nicht den Inhalt einer einzelnen Box, sondern welche Boxen in einer bestimmten Shop-Situation links oder rechts neben dem Hauptinhalt erscheinen.

  • Theme-Bezug: Ansichten gehören zum ausgewählten Theme. Ein Wechsel im Theme-Auswahlfeld zeigt die Ansichten und Zuordnungen dieses Themes.
  • Standardansicht: Die Standardansicht dient als Fallback, wenn für eine Shopseite keine eigene Ansicht zugeordnet ist.
  • FullSize- oder Sonderansichten: Zusätzliche Ansichten können genutzt werden, um Seiten ohne Sidebar oder mit abweichender Block-Auswahl darzustellen.
  • Widget-Details: Die einzelnen Sidebar-Blöcke wie Kategorien, Filter, Warenkorb oder Newsletter werden auf den Unterseiten dieser Handbuchseite beschrieben.
Änderungen wirken themebezogen. Prüfe vor größeren Anpassungen, ob das richtige Theme ausgewählt ist und ob die betroffene Shopseite wirklich diese Ansicht nutzt.

Theme auswählen und Setup übernehmen

Oben auf der Seite wählst Du das Theme aus, dessen Sidebar-Setup bearbeitet werden soll. Darunter kann, sofern mehr als ein Theme vorhanden ist, ein komplettes Sidebar-Setup aus einem anderen Theme übernommen werden.

  • Theme-Auswahl: Lädt die Ansichten, Seiten-Zuordnungen und Blöcke des gewählten Themes.
  • Sidebar-Setup übernehmen: Öffnet ein Formular, mit dem die Ansichten, Seiten-Zuordnungen und Menublöcke eines Quellthemes in das aktuelle Zieltheme kopiert werden.
  • Feld source_theme_id: Auswahl des Quellthemes. Das aktuell bearbeitete Zieltheme ist nicht auswählbar.
  • Sicherheitslogik: Beim Übernehmen werden bestehende Sidebar-Ansichten, Zuordnungen und Menublöcke des Zielthemes ersetzt. Die Aktion sollte deshalb nur genutzt werden, wenn das Zieltheme bewusst an ein anderes Theme angeglichen werden soll.
Das Kopieren ersetzt das Sidebar-Setup des Zielthemes. Wenn nur eine einzelne Ansicht angepasst werden soll, nutze stattdessen die Bearbeitung der Ansicht oder die Drag-and-drop-Strukturpflege.

Tabelle Sidebar-Ansichten

Die erste Tabelle zeigt alle Sidebar-Ansichten des ausgewählten Themes. Diese Tabelle ist die zentrale Übersicht für das Erstellen, Bearbeiten, Löschen und Strukturieren von Ansichten.

Tabellenspalten anpassen: In vielen Backend-Tabellen kannst du ueber die Tabelleneinstellungen festlegen, welche Spalten sichtbar sind. Blende selten benoetigte Spalten aus, wenn du eine kompaktere Arbeitsansicht brauchst, und aktiviere sie wieder, wenn du die Informationen pruefen oder bearbeiten willst.

  • Id: Interne Nummer der Ansicht. Auf sehr schmalen Ansichten wird diese Spalte ausgeblendet.
  • Bezeichnung: Name der Ansicht, zum Beispiel Standardansicht oder FullSize. Die Spalte ist die Standardsortierung der Tabelle.
  • Optionen: Enthält die Zeilenaktionen zum Bearbeiten, Löschen und Festlegen der enthaltenen Blöcke.

Über Menü-Ansicht erstellen wird eine neue Ansicht angelegt. Die Tabelle selbst hat keine eigene Filtermaske; der wichtigste Kontextfilter ist die Theme-Auswahl oberhalb der Tabelle.

Optionen der Ansichten

Die Optionsspalte steuert, was mit einer einzelnen Ansicht passiert.

  • Bearbeiten: Öffnet das Formular der Ansicht. Dort wird die Bezeichnung gepflegt.
  • Löschen: Entfernt die Ansicht. Diese Aktion wird nur bei Ansichten angeboten, die nicht als Standardansicht markiert sind.
  • Elemente festlegen: Öffnet die Strukturpflege der Ansicht. Dort werden die verfügbaren Sidebar-Blöcke links, rechts oder in den nicht sichtbaren Bereich verschoben.
Die Standardansicht kann bearbeitet und strukturiert, aber nicht über die Tabellenaktion gelöscht werden. So bleibt immer ein Fallback für Seiten ohne eigene Zuordnung vorhanden.

Ansicht erstellen oder bearbeiten

Das Formular für neue und bestehende Ansichten ist bewusst kurz.

  • Feld name / Bezeichnung: Pflichtfeld für den sichtbaren Namen der Ansicht in der Backend-Tabelle und in den Zuordnungslisten.
  • Feld theme_id: Wird aus dem ausgewählten Theme übernommen und ordnet die Ansicht diesem Theme zu.
  • Speichern: Legt die Ansicht an oder aktualisiert sie. Bei neuen Ansichten werden die verfügbaren Menublöcke für diese Ansicht installiert, damit sie anschließend in der Strukturpflege angeordnet werden können.

Eine neue Ansicht ist zunächst nur ein Layout-Angebot. Die Ansicht wirkt im Shop erst dann, wenn sie einer Shopseite zugeordnet wird oder wenn sie als Standardansicht genutzt wird.

Zuordnung zu Shopseiten

Unterhalb der Ansichten-Tabelle steht die Tabelle Zuordnung der Ansichten zu den einzelnen Seiten. Diese Tabelle legt fest, welche Ansicht für bestimmte Seitentypen verwendet wird.

  • Bezeichnung: Shopseitentyp, für den eine Ansicht gewählt werden kann.
  • Ansicht: Auswahlfeld mit den Ansichten des aktuellen Themes. Die Auswahl wird direkt gespeichert.

Die Tabelle zeigt alle im Backend hinterlegten Seitentypen, unter anderem Startseite, Artikelansicht, Kategorieansicht, Suchseite, Checkout, Warenkorb, Kontakt, Kundenaccount, Merkliste, Blog-Listen und Blog-Beiträge. Eine Auswahl mit Bitte wählen bedeutet, dass keine spezielle Zuordnung gesetzt ist und die Standardlogik greifen kann.

Technisch werden pro Zuordnung die Felder type, layout_id, theme_id und int_id gespeichert. In dieser Übersicht wird int_id mit dem allgemeinen Wert für den Seitentyp verwendet, nicht für einzelne Datensätze.

Elemente einer Ansicht festlegen

Über die Aktion Elemente festlegen wird die Strukturpflege einer Ansicht geöffnet. Dort stehen drei Bereiche zur Verfügung:

  • Linkes Menü: Blöcke in diesem Bereich werden links vom Hauptinhalt ausgegeben.
  • Verfügbare Blöcke: Blöcke in diesem mittleren Bereich bleiben für diese Ansicht unsichtbar. Einige Blöcke können trotzdem im Hintergrund geladen werden, wenn ihre technische Konfiguration das erfordert.
  • Rechtes Menü: Blöcke in diesem Bereich werden rechts vom Hauptinhalt ausgegeben.

Die Blöcke werden per Drag-and-drop verschoben. Nach dem Loslassen speichert das Backend die Position left, right oder none sowie die Reihenfolge. Danach wird die Theme-Ausgabe aktualisiert.

Der Kategorie-Block kann mobil durch die Header-Menü-Einstellung ausgeblendet werden, wenn der Kategoriebaum bereits im mobilen Header-Menü eingebunden ist.

Sidebar-Blöcke und Widget-Bearbeitung

Die verfügbaren Blöcke werden aus den installierten Menublock-Klassen erzeugt. In der Strukturpflege erscheinen unter anderem Angebote, Bestseller, Blog, Contentseite, Counter, Filter, Hersteller, Information, Kategorien, Kundenaccount-Menü, Login, Neue Produkte, Newsletter, Sprache, Suche, Textbereich, Trusted Shops, Warenkorb und Währung.

  • Block ohne Stift: Der Block hat keine eigene Konfigurationsmaske und wird nur über Position und Reihenfolge gesteuert.
  • Block mit Stift: Der Block hat eigene Einstellungen. Die Detailfelder hängen vom Blocktyp ab und werden auf den jeweiligen Sidebar-Unterseiten erklärt.
  • Speichern im Widget-Dialog: Aktualisiert die Konfiguration des Menublocks und schreibt anschließend die Theme-Ausgabe neu.

Für die inhaltliche Arbeit ist die Aufteilung wichtig: Diese Seite erklärt Ansichten, Zuordnungen und Positionen. Die Unterseiten erklären, welche Felder einzelne Blöcke besitzen und welche Shopdaten sie ausgeben.

Sichere Vorgehensweise

  1. Richtiges Theme auswählen.
  2. Prüfen, ob eine vorhandene Ansicht angepasst werden kann oder ob eine neue Ansicht sinnvoller ist.
  3. Ansicht benennen und speichern.
  4. Ansicht den betroffenen Shopseiten zuordnen.
  5. Über Elemente festlegen Blöcke links, rechts oder in den unsichtbaren Bereich ziehen.
  6. Blöcke mit eigener Konfiguration über das Stift-Symbol prüfen.
  7. Betroffene Shopseiten im Frontend kontrollieren, besonders mobile Kategorie-Navigation und Seiten ohne Sidebar.

War diese Seite hilfreich?

Hilf uns, das Handbuch weiter zu verbessern. Wenn etwas fehlt oder unverständlich ist, kannst Du direkt einen kurzen Kommentar senden.