Captron

Spezifikationstabelle

Zeigt eine zweispaltige Tabelle mit Bezeichnung und Wert – zum Beispiel für technische Produktdaten wie Betriebsspannung, Gewicht oder Abmessungen.

Wann verwenden?

Immer dann, wenn Sie eine Liste von Eigenschaften mit jeweils einer Bezeichnung und einem Wert übersichtlich darstellen möchten, etwa technische Daten auf einer Produkt- oder Detailseite. Die Inhalte tragen Sie hier von Hand ein – dieses Element bezieht keine Daten automatisch aus dem Produktkatalog.

Schritt für Schritt

1. Klicken Sie links im Seitenbaum auf die Seite, auf der die Tabelle erscheinen soll.
2. Klicken Sie in der gewünschten Spalte auf + Inhalt.
3. Wechseln Sie im Auswahldialog zum Reiter Custom und wählen Sie Spezifikationstabelle aus.
4. Tragen Sie optional eine Overline (kurze Überzeile) ein.
5. Tragen Sie die Überschrift ein.
6. Tragen Sie den Tabellen-Titel ein (erscheint direkt über der Tabelle, mit Unterstrich).
7. Klicken Sie unter Zeilen auf Neuer Datensatz, um eine Tabellenzeile hinzuzufügen.
8. Füllen Sie in der neuen Zeile die Felder Bezeichnung und Wert aus.
9. Wiederholen Sie die letzten beiden Schritte für jede weitere Zeile.
10. Klicken Sie oben auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Felder im Überblick

Häufige Fragen

Hero

Der Aufmacher-Bereich ganz oben auf einer Seite: dunkler Hintergrund mit Farbverlauf, Überzeile, große Überschrift, Fließtext und ein optionaler Button. Meist das erste, was Besucher auf einer Seite sehen.

Wann verwenden?

Für den obersten Bereich einer Seite, wenn Sie einen prägnanten Einstieg mit Überschrift und optional einem Button zu einer weiterführenden Seite brauchen. Für reine Bild-Text-Kombinationen weiter unten auf der Seite nutzen Sie stattdessen ein anderes Inhaltselement.

Schritt für Schritt

1. Klicken Sie links im Seitenbaum auf die Seite, auf der der Hero erscheinen soll.
2. Klicken Sie in der gewünschten Spalte auf + Inhalt.
3. Wechseln Sie im Auswahldialog zum Reiter Custom und wählen Sie Hero aus.
4. Tragen Sie optional eine Überzeile ein (kurzer Text vor der Überschrift, in Türkis mit einem kleinen Strich davor).
5. Tragen Sie die Überschrift ein.
6. Tragen Sie optional einen Text und Links ein.
7. Möchten Sie einen Button anzeigen: Tragen Sie sowohl Button-Text als auch Button-Link ein.
8. Klicken Sie oben auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Seit Kurzem hat der Hero eine neue Optik: dunkler Hintergrund mit einem Farbverlauf (Türkis/Flieder) statt des früheren weißen Hintergrunds, dazu eine dekorative Grafik im Hintergrund. Die Überzeile erscheint in Türkis mit einem kleinen Strich davor. Das erklärt, warum die Vorschau im Backend anders aussieht als bisher gewohnte Elemente.

Felder im Überblick

Häufige Fragen

Card

Eine einzelne Karte mit Bild, Überschrift, Text und einem optionalen Button. Wird meist mehrfach nebeneinander genutzt, z. B. in einem dreispaltigen Raster.

Wann verwenden?

Für kompakte, in sich geschlossene Inhalte, die in einem Raster nebeneinander stehen sollen – z. B. Leistungen, Vorteile oder Themenübersichten mit Bild, kurzem Text und optionalem Link zu einer weiterführenden Seite. Für den obersten Bereich einer Seite nutzen Sie stattdessen den Hero.

Schritt für Schritt

1. Klicken Sie links im Seitenbaum auf die Seite, auf der die Card erscheinen soll.
2. Klicken Sie in der gewünschten Spalte auf + Inhalt.
3. Wechseln Sie im Auswahldialog zum Reiter Custom und wählen Sie Card aus.
4. Laden Sie optional ein Bild hoch, das oben zentriert angezeigt wird.
5. Tragen Sie optional eine Headline der Card ein.
6. Tragen Sie optional einen Text ein, z. B. eine Aufzählung.
7. Möchten Sie einen Button anzeigen: Tragen Sie sowohl Button-Text als auch Button-Link ein.
8. Klicken Sie oben auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Felder im Überblick

Häufige Fragen

Accordion

Ein dunkler Bereich mit einer festen Überzeile/Überschrift/Text-Einleitung oben und einer Liste aufklappbarer Einträge darunter. Klickt man auf einen Eintrag, klappt sein Text auf – wie bei häufig gestellten Fragen.

Wann verwenden?

Für mehrere zusammengehörige Punkte, bei denen nur der erste dauerhaft sichtbar sein soll und die übrigen erst auf Klick ihren Text zeigen – z. B. „Warum wir?“-Argumente oder häufige Fragen. Für eine reine Frage-Antwort-Liste ohne Einleitungstext oben eignet sich das Element ebenfalls, lassen Sie dann Überzeile/Überschrift/Text einfach leer.

Wichtig: Aufbau des Elements

Das Element besteht aus zwei Bereichen, die unterschiedlich funktionieren:

• Oben, immer sichtbar: Überzeile, Überschrift und Text und Links. Das ist der feste Einstiegstext des Elements – vergleichbar mit dem ersten, bereits aufgeklappten Punkt.
• Darunter, aufklappbar: die Einträge. Jeder Eintrag zeigt zunächst nur seinen Text als Titel; erst ein Klick öffnet den zugehörigen Inhalt.

Möchten Sie z. B. vier Punkte „Warum Punkt 1“ bis „Warum Punkt 4“ zeigen, tragen Sie „Warum Punkt 1“ als Überschrift ein (mit Text in Text und Links) und legen „Warum Punkt 2“ bis „Warum Punkt 4“ als drei separate Einträge an.

Schritt für Schritt

1. Klicken Sie links im Seitenbaum auf die Seite, auf der das Accordion erscheinen soll.
2. Klicken Sie in der gewünschten Spalte auf + Inhalt.
3. Wechseln Sie im Auswahldialog zum Reiter Custom und wählen Sie Accordion aus.
4. Tragen Sie optional eine Überzeile ein (kurzer Text, erscheint türkis mit einem kleinen Strich davor).
5. Tragen Sie optional die Überschrift des ersten, immer sichtbaren Punkts ein.
6. Tragen Sie optional den Text und Links dazu ein.
7. Möchten Sie darunter einen Button anzeigen, siehe den Abschnitt „Button im Text und Links einfügen“ weiter unten.
8. Klicken Sie im Bereich Einträge auf Neuer Eintrag, um einen aufklappbaren Punkt hinzuzufügen.
9. Tragen Sie im neuen Eintrag den Text ein (erscheint als klickbarer Titel).
10. Tragen Sie die Textarea ein (erscheint erst, wenn der Eintrag aufgeklappt wird).
11. Wiederholen Sie die beiden letzten Schritte für jeden weiteren Punkt.
12. Klicken Sie oben auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Das Accordion hat immer einen dunklen Hintergrund mit Farbverlauf-Streifen über die volle Bildschirmbreite – dafür müssen Sie nichts einstellen. Die Überzeile erscheint türkis mit einem kleinen Strich davor, die Überschrift groß und weiß, der Text und Links gedämpft hell. Geschlossene Einträge sind gedämpft hell dargestellt, der gerade geöffnete Eintrag erscheint kräftig weiß mit einem Minus-Symbol statt Plus.

Button im „Text und Links“ einfügen

Das Element hat kein eigenes Button-Feld wie z. B. der Hero. Einen Button erzeugen Sie stattdessen direkt im Feld Text und Links:

1. Markieren Sie im Feld Text und Links das Wort oder den kurzen Text, der zum Button werden soll.
2. Klicken Sie in der Werkzeugleiste auf das Link-Symbol und wählen Sie das Linkziel (Seite, Datei, externe URL oder E-Mail).
3. Wechseln Sie im Link-Dialog zum Reiter Erweitert.
4. Wählen Sie bei CSS-Klasse den Eintrag „btn-primary btn“.
5. Übernehmen Sie den Link. Der Text erscheint jetzt als türkis-blauer Button mit Pfeil-Symbol.

Dieselbe Vorgehensweise funktioniert in jedem Rich-Text-Feld des Projekts, nicht nur beim Accordion.

Felder im Überblick

Häufige Fragen

Meta-Menü

Eine schmale Navigationsleiste oberhalb des Hauptmenüs für zusätzliche, wichtige Links wie den Produktkonfigurator. Auf kleinen Bildschirmen erscheinen dieselben Links im aufklappbaren Hamburger-Menü, direkt unter den Hauptpunkten.

Wann verwenden?

Für Seiten, die auf jeder Seite der Website schnell erreichbar sein sollen, aber nicht ins Hauptmenü gehören — zum Beispiel weiterführende Werkzeuge oder Service-Angebote. Für die üblichen Hauptrubriken der Website nutzen Sie stattdessen das Hauptmenü (siehe unten).

Wie füge ich eine Seite ins Meta-Menü ein?

1. Klicken Sie im Seitenbaum links auf die Seite Meta Menu.
2. Ziehen Sie die gewünschte Seite im Seitenbaum per Drag & Drop unter die Seite Meta Menu — oder legen Sie dort über + Neue Seite eine neue Unterseite an.
3. Die Reihenfolge der Links im Meta-Menü richtet sich nach der Reihenfolge der Unterseiten im Seitenbaum. Ziehen Sie eine Unterseite weiter oben oder unten hin, um die Reihenfolge zu ändern.

Wie nehme ich eine Seite wieder heraus?

Um eine Seite aus dem Meta-Menü zu entfernen, ohne sie zu löschen, blenden Sie sie in den Menüs aus:

1. Klicken Sie im Seitenbaum mit der rechten Maustaste auf die betreffende Seite und wählen Sie Bearbeiten (oder klicken Sie die Seite an und öffnen Sie die Seiteneigenschaften).
2. Aktivieren Sie im Reiter Allgemein die Option In Menüs verbergen.
3. Klicken Sie auf Speichern. Die Seite bleibt erhalten und ist weiterhin über einen direkten Link erreichbar, verschwindet aber aus dem Meta-Menü.

Ein Beispiel dafür ist bereits im Seitenbaum vorhanden: Die Seite Downloads liegt unter Meta Menu, ist aber aktuell auf „In Menüs verbergen“ gesetzt und erscheint deshalb nicht im Meta-Menü.

Main Menu und Footer Submenu funktionieren genauso

Das Hauptmenü der Website und das Footer Submenu (die kleine Linkliste im Footer) folgen demselben Prinzip: Beide beziehen ihre Einträge aus den Unterseiten einer eigenen Menütrenner-Seite im Seitenbaum (Main Menu bzw. Footer Submenu). Seiten hinzufügen, Reihenfolge ändern und mit „In Menüs verbergen“ ausblenden funktioniert dort auf die gleiche Art wie beim Meta-Menü.

Häufige Fragen

Mega-Menü „Produkte & Lösungen“

Das Hauptmenü kennt zwei Darstellungsformen: das große Klick-Panel mit einer links wählbaren Kategorienliste — das gibt es nur bei „Produkte & Lösungen“, weil dort eine Spalten-Zuordnung gepflegt ist — und das automatische Vier-Spalten-Menü, das alle anderen Menüpunkte mit Unterseiten automatisch zeigen. „Produkte & Lösungen“ öffnet ein breites, dunkles Panel: links eine Liste von Kategorien zum Anklicken, rechts drei Spalten mit den passenden Produktgruppen und deren Unterseiten. Beim Öffnen ist die erste Kategorie der Liste aktiv, rechts sehen Sie ihre drei Spalten. Die komplette Zuordnung zu den drei Spalten pflegen Sie selbst — über eine einzige Liste, ganz ohne Entwickler.

Aufbau im Seitenbaum

Das Mega-Menü besteht aus vier Ebenen im Seitenbaum, ineinander verschachtelt:

1. Hauptmenüpunkt — die Seite „Produkte & Lösungen“ selbst.
2. Kategorie-Seiten — direkte Unterseiten davon, erscheinen links im Panel als Klick-Ziele.
3. Gruppen-Seiten — Unterseiten einer Kategorie, erscheinen rechts als türkise Zwischentitel.
4. Einzel-Links — Unterseiten einer Gruppen-Seite, erscheinen darunter eingerückt.

Texte der Kategorie-Seiten

Für jede Kategorie-Seite werden zwei Texte im Panel angezeigt:

• Die große Überschrift ist der Seitentitel (bzw. der „Alternative Navigationstitel“, falls gesetzt).
• Die kleine türkise Zeile darüber kommt aus dem Feld Untertitel im Reiter Allgemein der Seiteneigenschaften.

Spalten-Zuordnung pflegen

Auf welche Spalte eine Gruppen-Seite kommt, legen Sie an der jeweiligen Kategorie-Seite fest — nicht an der Gruppen-Seite selbst. Alle Zuordnungen stehen in einer einzigen, sortierbaren Liste:

1. Öffnen Sie im Seitenbaum die gewünschte Kategorie-Seite (rechte Maustaste → Bearbeiten, oder Seite anklicken und Seiteneigenschaften öffnen).
2. Wechseln Sie in den Reiter Mega-Menü.
3. Klicken Sie auf Neu anlegen unter Spalten-Zuordnung — es erscheint eine neue Zeile.
4. Wählen Sie in der Zeile unter Gruppen-Seite die gewünschte Unterseite im Seitenbaum aus.
5. Wählen Sie unter Spalte die Zahl 1, 2 oder 3.
6. Wiederholen Sie die Schritte 3–5 für jede weitere Gruppen-Seite.
7. Ziehen Sie die Zeilen am Anfasser (Drag & Drop) in die gewünschte Reihenfolge — innerhalb einer Spalte bestimmt die Reihenfolge der Zeilen die Reihenfolge im Menü.
8. Klicken Sie auf Speichern.

Um eine Gruppen-Seite in eine andere Spalte zu verschieben, wählen Sie in ihrer Zeile einfach eine andere Zahl unter Spalte — das genügt, die Zeile muss nicht neu angelegt werden. Über das Papierkorb-Symbol an einer Zeile entfernen Sie nur die Zuordnung aus dem Menü, nicht die Gruppen-Seite selbst.

Automatische Spalten bei allen anderen Menüpunkten

Menüpunkte ohne Spalten-Zuordnung (z. B. „Branchen“, „CAPTRON Gruppe“) zeigen ein automatisches Menü: Jede direkte Unterseite wird eine eigene Spalte, ihr Seitentitel ist die türkise Spaltenüberschrift und ist verlinkt, darunter stehen ihre eigenen Unterseiten als Liste.

Es ist nichts einzustellen — die Spalten entstehen aus dem Seitenbaum. Wer eine Spalte hinzufügen will, legt eine Unterseite an; wer die Reihenfolge ändern will, verschiebt sie im Seitenbaum.

Nur eine Ebene tief: Unterseiten von Unterseiten erscheinen in diesem Menü nicht.

Menü-Kacheln in die freie Spalte legen

1. Öffnen Sie im Seitenbaum die Seite des Hauptmenüpunkts (rechte Maustaste → Bearbeiten) — nicht die Kategorie-Seite.
2. Wechseln Sie in den Reiter Mega-Menü.
3. Klicken Sie auf Neu anlegen unter Menü-Kacheln.
4. Tragen Sie eine Überschrift ein (z. B. „Referenzen & Case Studies“ oder „Ihre Branche fehlt? Schreiben Sie uns!“).
5. Wählen Sie unter Link das Ziel — eine Seite im Seitenbaum, eine externe Adresse oder eine E-Mail-Adresse.
6. Wiederholen Sie die Schritte 3–5 für weitere Kacheln, Reihenfolge per Drag & Drop.
7. Klicken Sie auf Speichern.

„Alle Produkte & Lösungen“

„Alle Produkte & Lösungen“ ist eine ganz normale Kategorie-Seite im Seitenbaum, gleichberechtigt neben den anderen Kategorien. Sie hat wie jede andere Kategorie eine eigene Spalten-Zuordnung im Reiter „Mega-Menü“ — es gibt keine Automatik, die Inhalte aus anderen Kategorien zusammenrechnet, und kein Sonderfeld. Ihre Position in der linken Liste ergibt sich aus ihrer Position im Seitenbaum; damit sie beim Öffnen aktiv ist, muss sie die erste Kategorie-Seite mit Spalten-Zuordnung sein. Verschieben Sie sie dafür im Seitenbaum — dafür ist kein Entwickler nötig.

Bedienung

Das Menü öffnet per Klick (nicht beim Darüberfahren mit der Maus) und lässt sich vollständig über die Tastatur bedienen: Eingabetaste oder Leertaste öffnet das Panel, die Pfeiltasten wechseln zwischen den Kategorien, die Escape-Taste schließt das Panel wieder.

Mobil

Im aufklappbaren Hamburger-Menü auf kleinen Bildschirmen ist die Darstellung vereinfacht: Es gibt keine Spalten. Jede Kategorie erscheint als Zwischentitel, darunter folgen direkt die zugeordneten Gruppen-Seiten als Links.

Beim automatischen Menü gibt es ebenfalls keine Spalten: Jede Unterseite erscheint als anklickbarer Zwischentitel, darunter ihre eigenen Unterseiten; alle gepflegten Menü-Kacheln stehen als Links am Ende der Liste.

Häufige Fragen

Alternatives Hauptmenü pro Seite

Für jede einzelne Seite können Sie eine eigene Kopf-Navigation festlegen, die anstelle des normalen Hauptmenüs angezeigt wird — zum Beispiel für eine Zielgruppen-Landingpage mit eigener Navigation. Alles andere (Optik, Aufklapp-Menüs, Mega-Menü) bleibt dabei unverändert, es wechseln nur die angezeigten Menüpunkte.

Wo Sie das Feld finden

1. Öffnen Sie im Seitenbaum die gewünschte Seite (rechte Maustaste → Bearbeiten, oder Seite anklicken und Seiteneigenschaften öffnen).
2. Wechseln Sie in den Reiter Navigation.
3. Dort finden Sie das Feld Alternatives Hauptmenü.

Eigene Navigation festlegen

1. Klicken Sie im Feld Alternatives Hauptmenü auf Seite auswählen und wählen Sie im Seitenbaum die erste Seite aus, die als Menüpunkt erscheinen soll.
2. Wiederholen Sie das für jede weitere gewünschte Seite (bis zu 20 Seiten möglich).
3. Ziehen Sie die ausgewählten Seiten bei Bedarf in die gewünschte Reihenfolge — diese Reihenfolge bestimmt die Reihenfolge der Menüpunkte im Frontend.
4. Klicken Sie auf Speichern.

Rufen Sie die Seite anschließend im Frontend auf: Die Kopf-Navigation zeigt jetzt genau die ausgewählten Seiten. Haben diese Seiten selbst Unterseiten, klappen diese wie gewohnt per Flyout auf; ist eine der ausgewählten Seiten mega-menü-fähig (z. B. „Produkte & Lösungen“), erscheint dort ebenfalls das Mega-Menü-Panel.

Häufige Fragen

Produktimport

Das Backend-Modul „Produktimport“ startet den Abgleich der Produktdaten aus dem PIM-System manuell. Zusätzlich läuft der Import automatisch nach einem festen Zeitplan, den ein Administrator einmalig einrichtet.

Import manuell auslösen (Redakteure)

Das Modul finden Sie im Backend-Menü unter Content → Produktimport.

1. Klicken Sie im Backend-Menü links auf Content und dann auf Produktimport.
2. Prüfen Sie oben auf der Seite die Statusanzeige (siehe Tabelle unten, „Statusanzeige verstehen“).
3. Klicken Sie auf Import jetzt starten, um den Abgleich mit dem PIM-System sofort auszuführen.
4. Warten Sie, bis die Seite neu lädt. Bei sehr vielen Produkten kann das einige Minuten dauern — die Seite bleibt so lange am Laden, es gibt keine separate Fortschrittsanzeige.
5. Nach Abschluss erscheint oben eine Meldung mit dem Ergebnis: Erfolg oder Fehler, sowie die Anzahl Neu, Geändert, Unverändert, Reaktiviert und Versteckt.

Statusanzeige verstehen

Automatischer Import einrichten (Administratoren, einmalig)

Damit die Produktdaten regelmäßig ohne manuelles Zutun aktualisiert werden, richtet ein Administrator einmalig eine Aufgabe im Scheduler ein.

1. Klicken Sie im Backend-Menü links auf System und dann auf Scheduler.
2. Klicken Sie oben auf + Neue Aufgabe hinzufügen.
3. Wählen Sie als Aufgabentyp Execute console command.
4. Wählen Sie als Befehl faft3-products:import aus.
5. Aktivieren Sie zusätzlich die Option/Checkbox --lenient-lock. Das ist wichtig: Ohne diese Option meldet der Scheduler einen automatischen Lauf fälschlicherweise als „fehlgeschlagen“, sobald er zufällig mit einem manuell gestarteten Import zusammenfällt. Mit aktiviertem --lenient-lock wird dieser Fall stattdessen sauber übersprungen.
6. Tragen Sie unter „Häufigkeit“ das gewünschte Zeitintervall ein (z. B. stündlich oder täglich). Das Intervall wird ausschließlich hier im Scheduler gepflegt, an keiner anderen Stelle.
7. Klicken Sie auf Speichern.

Alternative: Import per Konsole (Administratoren)

Statt über den Scheduler kann ein Administrator den Import auch direkt über die Kommandozeile des Servers anstoßen:

• vendor/bin/typo3 faft3-products:import — importiert alle konfigurierten PIM-Kanäle (Sprachen).
• vendor/bin/typo3 faft3-products:import --channel de — importiert nur den Kanal „de“.

Läuft bereits ein anderer Import — egal ob über das Backend-Modul, den Scheduler oder eine andere Konsolensitzung — bricht der Befehl mit einer Meldung ähnlich „Import läuft bereits (seit HH:MM)“ ab, statt den laufenden Import zu stören.

Technischer Hinweis zu Laufzeit/Timeouts (Administratoren)

Der Button Import jetzt starten im Backend-Modul führt den Import synchron innerhalb desselben Web-Requests aus — die Seite wartet, bis der gesamte Abgleich fertig ist. Bei rund 5.000 Produkten kann das an serverseitige Zeitlimits stoßen:

• max_execution_time (PHP)
• request_terminate_timeout (PHP-FPM)
• fastcgi_read_timeout bzw. andere Proxy-Timeouts (z. B. nginx)

Diese Werte liegen außerhalb der Anwendung selbst und müssen bei Bedarf serverseitig erhöht werden — prüfen Sie die tatsächlich eingestellten Werte der Zielumgebung. Für sehr große oder wiederkehrende Importläufe ist der Weg über den Scheduler-Task bzw. die Konsole robuster als der Backend-Button, da dabei keine Web-Request-Zeitlimits greifen.

Häufige Fragen

Import-Protokoll einsehen

Unterhalb des Buttons Import jetzt starten zeigt das Modul eine Tabelle „Import-Protokoll“ mit den letzten rund 50 Import-Läufen — sowohl den manuell gestarteten als auch den automatischen (Scheduler) Läufen. Ältere Einträge werden nach der eingestellten Aufbewahrungsdauer automatisch gelöscht (standardmäßig nach 90 Tagen).

Mail-Benachrichtigung bei Fehlern

Schlägt ein Import fehl, nachdem der vorherige Lauf noch erfolgreich war, verschickt das System automatisch eine E-Mail mit den Fehlerdetails an die hinterlegten Empfänger. Läuft danach wieder ein Import erfolgreich durch, kommt eine Entwarnungs-Mail. Schlagen mehrere Läufe hintereinander fehl, wird nur beim ersten Fehlschlag eine Mail verschickt — es gibt also keine Mail-Flut, solange das Problem anhält.

Produkt-Detailseite

Jede Produktseite entsteht automatisch aus den Daten, die aus dem PIM-System importiert werden – Sie legen dafür keine eigene Seite an. Am Produkt-Datensatz selbst können Sie aber mehrere Dinge steuern: welche Layout-Variante die Seite verwendet, welchen Text Suchmaschinen als SEO-Beschreibung anzeigen, und welche zusätzlichen verwandten Produkte angezeigt werden.

Layout-Variante wählen

Das Feld Layout-Variante bestimmt Aufbau und Reihenfolge der Produkt-Detailseite. Es stehen genau zwei Varianten zur Auswahl:

Schritt für Schritt

1. Öffnen Sie im Backend den gewünschten Produkt-Datensatz zur Bearbeitung.
2. Wechseln Sie zum Reiter Redaktion.
3. Wählen Sie im Feld Layout-Variante entweder Standard oder Hero (große Bildbühne).
4. Klicken Sie auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

SEO-Beschreibung pflegen

Das Feld SEO-Beschreibung (Meta-Description) ist der Kurztext, den Google & Co. unter dem Suchergebnis anzeigen (das „Snippet“). Er wird nur für Suchmaschinen und für die Vorschau beim Teilen in Messengern/Social Media verwendet, nicht auf der Seite selbst angezeigt.

1. Öffnen Sie im Backend den gewünschten Produkt-Datensatz zur Bearbeitung.
2. Wechseln Sie zum Reiter Redaktion.
3. Tragen Sie im Feld SEO-Beschreibung (Meta-Description) einen kurzen, aussagekräftigen Text ein – idealerweise 120–160 Zeichen, reiner Text ohne Formatierung.
4. Klicken Sie auf Speichern.
5. Leeren Sie den Cache der Produktseite (Blitz-Symbol oben rechts), damit die Änderung im Seitenquelltext ankommt.

Verwandte Produkte (redaktionell) pflegen

Auf jeder Produkt-Detailseite erscheinen unten „Verwandte Produkte“ als anklickbare Karten. Diese Liste setzt sich aus zwei Quellen zusammen: dem Zubehör, das automatisch aus dem PIM-System kommt, und den Produkten, die Sie selbst im Feld Verwandte Produkte (redaktionell) eintragen.

1. Öffnen Sie im Backend den gewünschten Produkt-Datensatz zur Bearbeitung.
2. Wechseln Sie zum Reiter Redaktion.
3. Fügen Sie im Feld Verwandte Produkte (redaktionell) ein oder mehrere Produkte hinzu.
4. Klicken Sie auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Wie die Liste zusammengestellt wird

Häufige Fragen

Zentrale SEO-Einstellungen (Administratoren, einmalig)

Zwei Einstellungen wirken auf ALLE Produktseiten gleichzeitig und werden einmalig in den Website-Einstellungen gepflegt (Backend-Modul Site Management > Sites, Reiter Einstellungen).

Produktbilder

Produktbilder werden nicht mehr in TYPO3 gespeichert, sondern beim Aufruf einer Seite direkt vom Bildserver des PIM-Systems geladen. Dieses Kapitel erklärt, woher die Bilder kommen, was sich für Sie geändert hat und was zu tun ist, wenn ein Bild einmal nicht angezeigt wird.

Woher die Produktbilder kommen

Produktbilder liegen nicht mehr als Datei in TYPO3, sondern werden bei jedem Seitenaufruf direkt vom Bildserver des PIM-Systems geladen. Das hat einen klaren Vorteil: Ändert sich ein Bild im PIM, ist es auf der Website sofort sichtbar – ohne dass zuvor ein Import laufen muss. Die Bildadresse steht am Bild-Attributwert des Produkts im Feld für den Wert und ist, wie alle PIM-Daten, nicht bearbeitbar.

Was sich für Sie geändert hat

Wenn Bilder nicht angezeigt werden

Kann ein Produktbild nicht geladen werden, zeigt die Seite einen neutralen, grauen Platzhalter statt eines kaputten Bildsymbols. Dafür gibt es zwei mögliche Ursachen:

• Der Bildserver des PIM-Anbieters ist insgesamt nicht erreichbar — dann fehlen ALLE Produktbilder gleichzeitig.
• Ein einzelnes Bild wurde im PIM entfernt oder umbenannt — dann fehlt nur dieses eine Bild.

Handlungsanweisung: Fehlen alle Bilder gleichzeitig, prüfen Sie das Import-Protokoll im Modul „Produktimport“ (dort erscheint der betroffene Lauf als Fehler mit einem Hinweis auf die Bildprüfung) und informieren Sie den PIM-Anbieter. Fehlt nur ein einzelnes Bild, korrigieren Sie es im PIM — der nächste Import übernimmt die neue Adresse automatisch.

Für Administratoren: Bildprüfung nach dem Import

Nach jedem Import prüft das System stichprobenartig, ob eine kleine Auswahl von Produktbild-Adressen erreichbar ist. Sind ALLE geprüften Adressen unerreichbar, gilt das als starkes Indiz für einen Ausfall des Bildservers: der Lauf wird im Import-Protokoll als Fehler geführt und die Benachrichtigungs-Mail wird verschickt. Ist dagegen nur ein Teil der geprüften Adressen unerreichbar, wird der Lauf bewusst NICHT als Fehler markiert — sonst würde jedes einzelne defekte Bild im PIM eine Fehler-Mail auslösen.

Häufige Fragen

Produktliste (Content-Element)

Die Produktliste ist ein normales Inhaltselement und kann auf jeder Seite eingefügt werden – nicht nur auf der Seite „Produkte". Sie zeigt eine Kartenübersicht ausgewählter Produkte, wahlweise mit Live-Filter und Suche.

Wann verwenden?

• Um eine Auswahl von Produkten – ganz oder nach Familie/Attributen eingeschränkt – auf einer beliebigen Seite zu zeigen.
• Um eine handverlesene Produktauswahl in fester Reihenfolge zu präsentieren (z. B. „Unsere Bestseller").
• Um Besuchern auf einer Seite eine durchsuchbare, filterbare Produktübersicht anzubieten.

Schritt für Schritt

1. Klicken Sie links im Seitenbaum auf die Seite, auf der die Liste erscheinen soll.
2. Klicken Sie in der gewünschten Spalte auf + Inhalt.
3. Wechseln Sie im Auswahldialog zum Reiter Custom und wählen Sie Produktliste aus.
4. Füllen Sie die Felder wie unten beschrieben aus.
5. Klicken Sie auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Felder im Überblick

Limit und Pagination

„Maximale Anzahl" und „Pagination anzeigen" lassen sich unabhängig voneinander einstellen. Es gilt:

Mehrere Listen auf einer Seite

Sie dürfen mehrere Produktlisten-Elemente auf derselben Seite einfügen – auch mehrere gleichzeitig mit aktiviertem Filter und Suche. Jede Liste merkt sich ihren eigenen Filter-, Such- und Seitenzustand getrennt in der Adresszeile; das Bedienen einer Liste wirkt sich nicht auf die andere aus.

Filter und Suche

Ist „Filter und Suche anzeigen" aktiviert, können Besucher innerhalb der oben getroffenen Vorauswahl (Familien/Kategorien bzw. Attribut-Auswahl) weiter einschränken – nicht darüber hinaus. Welche Produkteigenschaften dabei überhaupt als Filter zur Auswahl stehen, steuert weiterhin das Häkchen „Als Filter anbieten" am jeweiligen Attribut-Datensatz, siehe Kapitel „Produktliste, Filter und Suche".

Häufige Fragen

Produktliste, Filter und Suche

Die Seite „Produkte" enthält bereits eine Instanz des Inhaltselements Produktliste (siehe Kapitel „Produktliste (Content-Element)"), auf der Besucher alle Produkte als Kartenübersicht sehen. Sie können darin suchen, nach Kategorien und ausgewählten Produkteigenschaften filtern und über Seitenzahlen blättern. Jeder Filterzustand hat eine eigene Adresse, die man kopieren und weitergeben kann.

Wann nutze ich es?

• Wenn Sie steuern möchten, welche Produkteigenschaften als Filter angeboten werden.
• Wenn Sie zusätzliche Inhalte unter der Liste pflegen möchten.

Eine Produkteigenschaft als Filter anbieten

1. Klicken Sie links im Menü auf Liste.
2. Wählen Sie im Seitenbaum den Ordner mit den Produktdaten.
3. Öffnen Sie die Tabelle Attribut-Definition und klicken Sie den gewünschten Eintrag an.
4. Wechseln Sie auf den Reiter Redaktion.
5. Setzen Sie das Häkchen bei Als Filter anbieten.
6. Speichern Sie.

Was Besucher auf der Seite sehen

• Suchfeld „Produkte durchsuchen" — durchsucht Produktname, Beschreibung und Artikelnummer, auch die Artikelnummern der Varianten.
• Schaltfläche „Filter öffnen", die den Filter-Bereich einblendet.
• Kategorien als Ankreuzfelder im Filter-Bereich.
• Aktive Filter als anklickbare Chips über der Liste, mit „Alle zurücksetzen" daneben.
• Eine Trefferzahl („… Produkte gefunden").
• Seitenzahlen zum Blättern.
• Bei keinem Treffer die Meldung „Keine Produkte gefunden".

Zusätzliche Inhalte auf der Produktseite

Die Produktliste ist inzwischen ein normales Inhaltselement (siehe Kapitel „Produktliste (Content-Element)") und liegt bereits auf dieser Seite. Ober- und unterhalb davon können Sie wie auf jeder anderen Seite weitere Inhaltselemente pflegen.

Felder im Überblick

Für Administratoren: Produkte pro Seite ändern

Die Anzahl der Produkte pro Listenseite ist die Einstellung „Produkte pro Listenseite" (faft3_products.listPageSize) in den Website-Einstellungen; Standard ist 24. Der Wert wird in den Website-Einstellungen gepflegt, eine Programmierung ist nicht nötig.

Häufige Fragen

News-Liste

Das Inhaltselement News-Liste zeigt eine Übersicht Ihrer News-Beiträge. Über das Feld Template Layout im Reiter Template bestimmen Sie, wie diese Übersicht aussieht.

Layout wählen

Schritt für Schritt

1. Öffnen Sie im Backend das Inhaltselement News-Liste zur Bearbeitung.
2. Wechseln Sie zum Reiter Template.
3. Wählen Sie im Feld Template Layout die gewünschte Option, zum Beispiel Storys.
4. Klicken Sie auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Häufige Fragen

Aktuelle News (Content-Element)

Das Inhaltselement Aktuelle News zeigt die neuesten Beiträge aus einem News-Ordner als kleine Karten – zum Beispiel drei aktuelle Meldungen auf der Startseite. Jede Karte zeigt automatisch das Beitragsbild aus dem News-Beitrag; Kategorie, Autor und Datum werden weiterhin nicht angezeigt. Ist bei einer Karte eine Detailseite hinterlegt, ist die gesamte Karte anklickbar und führt direkt zum vollständigen Beitrag.

Wann verwenden?

• Um auf der Startseite oder einer anderen Seite auf die neuesten News-Beiträge hinzuweisen, ohne eine vollständige News-Liste einzubinden.
• Für einen kompakten „Aktuelles"-Teaser mit fester Anzahl Karten.

Schritt für Schritt

1. Klicken Sie links im Seitenbaum auf die Seite, auf der die Karten erscheinen sollen.
2. Klicken Sie in der gewünschten Spalte auf + Inhalt.
3. Wechseln Sie im Auswahldialog zum Reiter Custom und wählen Sie Aktuelle News aus.
4. Wählen Sie im Feld News-Ordner den Ordner, in dem Ihre News-Beiträge liegen.
5. Tragen Sie bei Bedarf eine Überschrift ein und passen Sie die Anzahl News an.
6. Klicken Sie auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Felder im Überblick

Häufige Fragen

Karriereseite & Stellenanzeigen

Die Karriereseite listet Ihre offenen Stellen als Kacheln auf und verlinkt jede Kachel auf eine eigene Stellenanzeige-Unterseite. Die Übersicht entsteht über das Inhaltselement Job/Stellenangebote, die einzelne Stellenanzeige über eine normale Unterseite mit dem Seitenlayout Jobs Detail.

Wann verwenden?

Immer dann, wenn eine neue Stelle veröffentlicht werden soll. Für allgemeine Karriere-Inhalte (z. B. „Warum bei uns arbeiten?“, Benefits, Teamfotos) nutzen Sie stattdessen die üblichen Inhaltselemente auf der Karriere-Startseite selbst – nur die einzelnen Stellenanzeigen laufen über dieses Muster.

Schritt 1: Neue Stellenanzeige-Seite anlegen

1. Klicken Sie im Seitenbaum mit der rechten Maustaste auf die Seite Karriere und wählen Sie Neue Seite anlegen (alternativ: Seite anlegen und per Ziehen unter „Karriere“ einsortieren).
2. Tragen Sie im Feld Seitentitel die Stellenbezeichnung ein, z. B. „Servicetechniker (m/w/d)“.
3. Der Assistent zeigt anschließend einen Schritt Seitenlayout, in dem Sie direkt den Eintrag Jobs Detail auswählen können – die Hinweismeldung zu den drei zusätzlichen Feldern erscheint hier genauso wie im normalen Bearbeitungsformular.
4. Falls Sie das Seitenlayout im Assistenten nicht gesetzt haben (oder bei einer bereits bestehenden Seite): Wechseln Sie zum Reiter Erscheinungsbild und wählen Sie im Feld Backend-Layout den Eintrag Jobs Detail. Nach der Auswahl erscheint kurz eine Hinweismeldung, die erklärt, dass die drei Felder Arbeitsort, Anstellung und Beginn erst nach dem Speichern sichtbar werden. Unter dem Auswahlfeld steht außerdem ein Hilfetext, der erklärt, dass das Seitenlayout normalerweise von der übergeordneten Seite vererbt wird und Sie hier nur bei einer bewusst abweichenden Darstellung (z. B. „Jobs Detail“ oder eine Produktseite) eingreifen müssen.
5. Wechseln Sie zum Reiter Allgemein und füllen Sie die Felder Arbeitsort, Anstellung und Beginn aus (diese drei Felder erscheinen nur, wenn das Backend-Layout „Jobs Detail“ ausgewählt ist).
6. Tragen Sie im Feld Untertitel eine kurze Kachel-Beschreibung ein (1–2 Sätze) – dieser Text erscheint später auf der Kachel der Karriere-Übersicht.
7. Klicken Sie auf Speichern.
8. Fügen Sie auf der neuen Seite über + Inhalt ein Inhaltselement Text mit der eigentlichen Stellenbeschreibung (Aufgaben, Profil, Angebot) ein und speichern Sie.

Schritt 2: Stellenanzeige auf der Karriereseite verlinken

Damit eine Stellenanzeige auf der Übersichtsseite erscheint, muss sie im Inhaltselement Job/Stellenangebote ausgewählt sein.

1. Öffnen Sie die Seite Karriere im Seitenbaum.
2. Öffnen Sie zur Bearbeitung das vorhandene Inhaltselement Job/Stellenangebote (oder legen Sie über + Inhalt ein neues an, Reiter „Typischer Seiteninhalt“).
3. Fügen Sie im Feld Job einfügen die gewünschte(n) Stellenanzeige-Seite(n) hinzu. Die Reihenfolge im Feld bestimmt die Reihenfolge der Kacheln.
4. Wählen Sie im Feld Teaser-Variante zwischen Ohne Bild und Mit Bild (für „Mit Bild“ muss die Stellenanzeige-Seite ein Seitenmedium/Bild hinterlegt haben).
5. Klicken Sie auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Häufige Fragen

Kontaktformular

Ein fertiges Kontaktformular, das Sie auf jeder Seite einfügen können. Besucher tragen Unternehmen, Name, E-Mail-Adresse und optional eine Nachricht ein – nach dem Absenden geht die Anfrage per E-Mail an das Team, und der Besucher sieht eine Bestätigungsmeldung.

Wann verwenden?

Immer dann, wenn Besucher Sie direkt über die Website kontaktieren sollen – typischerweise auf der Kontaktseite. Die Felder des Formulars sind fest vorgegeben; Sie wählen nur aus, auf welcher Seite das Formular erscheint.

Formular auf einer Seite einfügen

1. Klicken Sie links im Seitenbaum auf die Seite, auf der das Formular erscheinen soll.
2. Klicken Sie in der gewünschten Spalte auf + Inhalt.
3. Wählen Sie im Auswahldialog im Reiter Formulare das Element Formular aus.
4. Wählen Sie im Reiter Plug-In unter Formulardefinition den Eintrag Kontaktformular aus.
5. Klicken Sie oben auf Speichern und prüfen Sie das Ergebnis über die Vorschau.

Diese Felder sehen Besucher

Unter den Feldern zeigt das Formular automatisch den Hinweis „* Pflichtfeld“ sowie den Datenschutz-Hinweis mit Link zur Datenschutzerklärung – beides müssen Sie nicht selbst pflegen.

Was passiert nach dem Absenden?

• Die Anfrage wird per E-Mail an die hinterlegte Empfängeradresse geschickt (Betreff: „Neue Kontaktanfrage über das Kontaktformular“).
• Der Besucher sieht eine Bestätigungsmeldung: „Vielen Dank für Ihre Nachricht …“
• Lässt der Besucher ein Pflichtfeld leer oder gibt eine ungültige E-Mail-Adresse ein, erscheint eine Fehlermeldung direkt am betroffenen Feld – abgeschickt wird erst, wenn alles ausgefüllt ist.

Häufige Fragen

Visual Editor

Mit dem Visual Editor bearbeiten Sie Texte direkt auf der Seite, genau so, wie Besucher sie später sehen – ohne den Umweg über ein Formular.

Wo finde ich die Ansicht?

1. Klicken Sie links im Seitenbaum auf die gewünschte Seite.
2. Klicken Sie im Modulmenü unter Content auf Seiteninhalt (steht direkt über Seitenansicht).

Die Seite wird nun so angezeigt wie im Frontend. Über Seitenansicht im selben Menü wechseln Sie jederzeit zurück zur bisherigen, listenbasierten Bearbeitung.

Was kann ich direkt auf der Seite bearbeiten?

Klicken Sie in einen Text, um ihn zu bearbeiten. Das funktioniert bei:

• einfachen Texten (z. B. Überschriften, kurze Beschriftungen)
• formatierten Texten (Rich-Text, z. B. Fließtexte mit Fett, Kursiv oder Aufzählungen)

Nicht direkt auf der Seite bearbeitbar sind: Auswahlfelder (z. B. Layout-Varianten), Bilder und Dateien, Verknüpfungen/Links sowie Felder, die zu einem anderen Datensatz gehören (z. B. Angaben zu einem verknüpften Projekt). Öffnen Sie in diesen Fällen das gewohnte Bearbeitungsformular über das Bearbeiten-Symbol des Inhaltselements.

Inhaltselemente hinzufügen, verschieben und löschen

Auch das erledigen Sie direkt auf der Seite: Neue Inhaltselemente fügen Sie über die +-Schaltflächen zwischen bzw. innerhalb der Bereiche ein, bestehende verschieben Sie per Ziehen (Drag & Drop) an eine andere Stelle, und über das Kontextmenü eines Elements löschen Sie es.

Wann brauche ich weiterhin das klassische Formular?

Für alles, was der Visual Editor nicht direkt anbietet – zum Beispiel Auswahlfelder, Bilder, Verknüpfungen, Übersetzungen oder Berechtigungen – bleibt das klassische Bearbeitungsformular die richtige Stelle. Öffnen Sie es wie gewohnt über die Seitenansicht oder über das Bearbeiten-Symbol eines Inhaltselements.

Häufige Fragen

Handbuch-Kachel im Dashboard

Auf dem Dashboard – der Startseite des Backends – können Sie eine Kachel mit einem direkten Link zu diesem Redakteurshandbuch anzeigen lassen.

Wann verwenden?

Richten Sie diese Kachel einmalig ein, wenn Sie oder Ihre Kolleginnen und Kollegen schnell und ohne Suchen an das Handbuch kommen möchten – direkt beim Anmelden im Backend.

Schritt für Schritt

1. Öffnen Sie das Backend und klicken Sie links im Menü auf Dashboard.
2. Klicken Sie oben rechts auf Widget hinzufügen.
3. Wählen Sie die Gruppe Dokumentation.
4. Klicken Sie auf CAPTRON Handbuch.
5. Die Kachel erscheint auf Ihrem Dashboard. Ein Klick auf den Button Handbuch öffnen öffnet dieses Handbuch in einem neuen Tab.

Schneller: fertiges Dashboard mit Vorlage anlegen

Statt die Kacheln einzeln hinzuzufügen, können Sie ein komplett vorbereitetes Dashboard in einem Schritt anlegen:

1. Öffnen Sie das Backend und klicken Sie links im Menü auf Dashboard.
2. Klicken Sie oben auf Dashboard hinzufügen (bzw. auf das Plus-Symbol neben den Dashboard-Reitern).
3. Wählen Sie die Vorlage CAPTRON Standard-Dashboard.
4. Vergeben Sie einen Namen und bestätigen Sie. Das neue Dashboard enthält bereits die Kacheln CAPTRON Handbuch, Erste Schritte mit TYPO3, Lesezeichen und Über TYPO3.

Im selben Auswahldialog steht außerdem die Vorlage CAPTRON Admin-Dashboard zur Verfügung, mit administrativen Kacheln (TYPO3-Sicherheitshinweise, TYPO3-Neuigkeiten, Fehler im System-Log sowie letzte und fehlgeschlagene Backend-Anmeldungen).

Sie können danach jederzeit weitere Kacheln hinzufügen oder vorhandene entfernen – die Vorlage legt nur den Startzustand fest.

Häufige Fragen