Kategorie-Templates verstehen

Mit Kategorie-Templates gestaltest Du die Übersichtsseiten Deines Shops. Dieser Beitrag erklärt, wie Du ein Template zuordnest und vererbst, es als Shortcode einbindest und mit welchen Blöcken Du die Produktliste, Filter und Sortierung aufbaust.

Wofür Kategorie-Templates da sind

Mit Kategorie-Templates gestaltest Du die Übersichtsseiten Deines Shops – also Seiten, auf denen mehrere Produkte erscheinen, etwa eine Warengruppe, mehrere Warengruppen oder eine gefilterte Auswahl. Das Aussehen bestimmst Du über Blöcke: Du legst fest, wo die Produkte stehen, wo welche Filter erscheinen und wie die Liste sortiert wird. Du kannst beliebig viele Templates anlegen und jedem zuordnen, für welche Warengruppen und Produktmerkmale es gelten soll.

Kategorie-Template im Editor (Übersicht)
Kategorie-Template im Editor (Übersicht)

So legst Du ein Kategorie-Template an

So gehst Du Schritt für Schritt vor:

  1. Neues Kategorie-Template anlegen – öffne im WordPress-Backend das Menü
  2. OBS Kategorie Templates und wähle Neues Kategorie Template.

  3. Zuordnung festlegen – bestimme in den Dokument-Optionen die Sprache, die Warengruppe(n)
  4. und optional die Produktmerkmale, für die das Template gelten soll (Details unten unter „Template-Zuordnung“).

  5. Vererbung entscheiden – lege fest, ob das Template auch für Unterwarengruppen gelten soll
  6. (Standard) oder nur für die gewählte Warengruppe.

  7. Layout mit Blöcken bauen – ordne die gewünschten Blöcke an (Produkte, Filter, Sortierung …)
  8. und stelle sie ein. Welche Blöcke es gibt, findest Du unten unter „Die Blöcke im Kategorie-Template“.

  9. Optional: an Dein Theme anpassen – über die Option „Theme-Datei“ bettest Du das Template in
  10. eine Vorlage Deines aktiven Themes ein.

  11. Speichern und prüfen – speichere das Template und rufe eine passende Kategorieseite im Shop
  12. auf. Das Layout sollte wie gestaltet erscheinen.

Für weitere Sprachen legst Du jeweils ein eigenes Template an. Die folgenden Abschnitte erklären die einzelnen Bausteine im Detail.

Template-Zuordnung

In den Dokument-Optionen eines Templates legst Du fest, wann es greift. Ein Template gilt jeweils für eine Sprache – für weitere Sprachen legst Du eigene Templates an. Über die Zuordnung bestimmst Du außerdem, für welche Warengruppen und Produktmerkmale es verwendet wird; standardmäßig für alle Warengruppen inklusive aller Unterwarengruppen (wird vererbt) und für alle Produktmerkmale. So schränkst Du ein Template gezielt ein – etwa auf eine bestimmte Warengruppe oder auf ausgewählte Filterwerte.

Vererbung auf Unterwarengruppen

Standardmäßig wirkt ein Template auf die gewählte Warengruppe und alle darunterliegenden Unterwarengruppen. Aktivierst Du die Option zur eingeschränkten Vererbung, gilt das Template nur für die ausgewählte Warengruppe selbst, nicht für deren Unterwarengruppen.

Als Shortcode einbinden

Wird ein Kategorie-Template als Shortcode markiert, ändert sich seine Funktion: Die Template- Zuordnung wird dann zur Produktauswahl, und das Template lässt sich auf beliebigen WordPress-Seiten einbetten (auch komfortabel über den Block „Kategorie Template einbetten“). Der Shortcode zeigt die Produkte, die über die Zuordnung ausgewählt wurden. Diese Parameter steuern, welches Template und welche Produkte gezeigt werden:

ParameterWertWirkung
idTemplate-IDID des einzubindenden Kategorie-Templates (Pflichtangabe)
orderSortierschlüsselSortierung; ohne Angabe gilt die Standard-Sortierung aus den Shop-Optionen
saletruenur reduzierte Produkte
in_stocktruenur Produkte am Lager (> 0)
highlighttruenur in der Warenwirtschaft als Highlight markierte Produkte
typeproduct / vehiclenur ein Typ oder beides
item_idsProdukt-IDsnur bestimmte Produkte anzeigen
main_product_displaytruekennzeichnet das Template als Haupt-Produktanzeige der Seite (nur einmal pro Seite, nicht auf Kategorieseiten)

Beispiel: [obs_category_page id="1234" sale="true" in_stock="true" type="product"]

Die Blöcke im Kategorie-Template

Innerhalb eines Templates ordnest Du Blöcke an; sie sind Platzhalter für die eigentlichen Produktinformationen.

Übersicht der Blöcke im Kategorie-Template
Übersicht der Blöcke im Kategorie-Template
BlockWofür er da ist
TitelÜberschrift der Seite, standardmäßig als <h1>. Nur einsetzen, wenn das WordPress-Template nicht bereits einen Titel ausgibt
Produktedie Produktliste. Einstellbar: Anzahl zunächst gezeigter Produkte, Nachladen per AJAX (ohne Neuladen), Produkte pro Zeile je Bildschirmgröße (Desktop, Tablet, großes Handy, Handy), Varianten-Vorschaubilder
Filterschränkt die Auswahl ein (Endwarengruppe, Produkteigenschaften, Preis). Reihenfolge und angezeigte Werte je Template festlegbar; verfügbare Filter hängen von der Warengruppe ab
Filter abwählenzeigt gesetzte Filter an und erlaubt, sie abzuwählen
WordPress-Suchergebnissebindet WordPress-Suchergebnisse (Seiten, Blogbeiträge) ein; erzeugt nur bei einer Suche mit Treffern Inhalt
SortierungDropdown für die Nutzer (neueste zuerst, Preis auf-/absteigend)
Paginationseitenweises Blättern; mehrfach einbindbar. In Verbindung mit AJAX-Nachladen mit Bedacht einsetzen
Breadcrumbder Pfad der Kategorieseite (als strukturierte Daten ausgegeben)
Kategorie-Template einbettenbindet ein anderes (als Shortcode markiertes) Kategorie-Template ein
Produkt-Empfehlungenzeigt empfohlene Produkte; benötigt das Plugin OBS-Metrics

Anpassung an Dein Theme

Über die Option „Theme-Datei“ gibst Du den Dateinamen einer Vorlage im aktiven WordPress-Theme an, in der der Template-Inhalt angezeigt wird. So fügt sich die Kategorieseite in das Layout Deines Themes ein. Für die einzelnen Blöcke lassen sich zudem eigene Block-Templates erstellen.

WEITERLESEN

Verwandte Themen

Produkt-Templates verstehen

Eigene Block-Templates erstellen

Shop-Optionen im Überblick