Magento 2 Inhaltsverzeichnis automatisch für CMS-Seiten und Blog
SKU: TABLEOFCONTENTS1
- Inhaltsverzeichnis automatisch aus H2 und H3
- Sprungmarken mit sauberen Ankern, auch bei Umlauten
- Sticky-Anzeige mit Hervorhebung des aktuellen Abschnitts
- Für CMS-Seiten, Blog, Kategorien und Produkttexte
Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.
Magento 2 Inhaltsverzeichnis: lange Texte übersichtlich und anklickbar
Mit dem Magento 2 Inhaltsverzeichnis von Mironsoft entsteht aus den Überschriften eines Textes automatisch eine klickbare Gliederung. Sprungmarken führen direkt zum Abschnitt, ein Sticky-Verzeichnis läuft beim Scrollen mit und hebt die aktuelle Stelle hervor. Das Modul arbeitet für CMS-Seiten, Blogartikel, Kategorietexte und Produktbeschreibungen. Die Anzeige läuft mit Alpine.js im Hyvä Theme ohne zusätzliche Bibliothek.
Automatisch aus H2 und H3
Die Gliederung entsteht beim Rendern aus den vorhandenen Überschriften, ohne Handarbeit.
Saubere Sprungmarken
Anker werden aus dem Überschriftentext erzeugt, mit Umlaut-Umwandlung und Dublettenschutz.
Sticky-Anzeige
Das Verzeichnis bleibt beim Scrollen sichtbar und markiert den aktuellen Abschnitt.
Mobil einklappbar
Auf dem Smartphone erscheint ein einklappbares Verzeichnis oberhalb des Textes.
Schwellenwerte
Das Verzeichnis erscheint erst ab einer Mindestzahl an Überschriften.
Pro Seite steuerbar
Einzelne Seiten oder Überschriften lassen sich ausnehmen oder gezielt ausgeben.
Warum ein Magento 2 Inhaltsverzeichnis lange Seiten besser macht
Ratgeber, Größentabellen, Pflegehinweise und Blogartikel werden schnell lang. Besucher wollen nicht scrollen, sondern zu der Stelle springen, die ihre Frage beantwortet. Händler suchen deshalb nach einem Magento 2 Inhaltsverzeichnis, einem Magento 2 Inhaltsverzeichnis für CMS-Seiten oder nach Magento 2 Sprungmarken. Von Hand gesetzte Anker brechen, sobald jemand eine Überschrift umbenennt.
Ein automatisches Inhaltsverzeichnis folgt dem Text. Wird eine Überschrift geändert oder ergänzt, passt sich das Verzeichnis beim nächsten Rendern an. Suchmaschinen erkennen die Struktur, und Besucher finden schneller, was sie suchen.
Magento 2 Inhaltsverzeichnis erzeugen: Überschriften werden zum Verzeichnis
Beim Rendern durchsucht das Modul den Text nach H2 und H3, vergibt jeder Überschrift einen eindeutigen Anker und baut daraus eine verschachtelte Liste. Umlaute werden in Anker-Zeichen umgewandelt, doppelte Überschriften erhalten eine Nummer. Bereits vorhandene IDs bleiben erhalten, damit bestehende Links weiter funktionieren. Die Ausgabe passiert serverseitig, Suchmaschinen sehen das Verzeichnis ohne JavaScript.
- H2 und H3 verschachtelt, Tiefe einstellbar
- Umlaute und Sonderzeichen sauber in Ankern
- Vorhandene IDs bleiben unverändert
Sticky-Verzeichnis: der aktuelle Abschnitt bleibt markiert
Auf großen Bildschirmen steht das Verzeichnis in einer Seitenspalte und läuft beim Scrollen mit. Alpine.js beobachtet, welche Überschrift im Sichtbereich liegt, und hebt den passenden Eintrag hervor. Der Sprung berücksichtigt die Höhe eines fixierten Headers, damit die Überschrift nicht darunter verschwindet. Für Besucher mit reduzierter Bewegung wird das weiche Scrollen abgeschaltet.
- Hervorhebung des aktuellen Abschnitts beim Scrollen
- Versatz für fixierten Header einstellbar
- Weiches Scrollen respektiert die Systemeinstellung
Magento 2 Inhaltsverzeichnis für CMS, Blog, Kategorie und Produkt
Sie wählen in der Konfiguration, wo das Verzeichnis erscheint: CMS-Seiten, Blogartikel, Kategoriebeschreibungen oder Produktbeschreibungen. Pro Bereich lassen sich Mindestzahl der Überschriften, Titel des Verzeichnisses und Position festlegen, zum Beispiel oben im Text oder in der Seitenspalte. Auf Mobilgeräten erscheint stattdessen ein einklappbarer Block. Einzelne Seiten schalten Sie per Option aus.
- Bereiche einzeln aktivierbar
- Mindestzahl an Überschriften und Titel einstellbar
- Position oben im Text oder in der Seitenspalte
Ausnahmen und Feinsteuerung für das Inhaltsverzeichnis
Nicht jede Überschrift gehört ins Verzeichnis. Eine CSS-Klasse am Element schließt sie aus, etwa bei Marketing-Zwischenzeilen. Ebenso lassen sich Seiten über ein Attribut oder eine Konfigurationsliste ausnehmen. Wer das Verzeichnis an einer bestimmten Stelle im Text wünscht, setzt dort einen Platzhalter. Die Überschriftenhierarchie Ihres Themes bleibt unberührt, das Modul fügt nur IDs und das Verzeichnis hinzu.
- Ausschluss einzelner Überschriften per CSS-Klasse
- Seiten per Liste oder Option ausnehmen
- Platzhalter für eine feste Position im Text
Wo ein Magento 2 Inhaltsverzeichnis im Shop-Alltag hilft
Typische Seiten, die von einer Gliederung profitieren.
Ratgeber und Blog
Lange Artikel erhalten eine Gliederung, Leser springen zum gesuchten Thema und bleiben länger auf der Seite.
Größen- und Pflegehinweise
Auf Info-Seiten finden Kunden den passenden Abschnitt, ohne den Rest zu lesen.
Kategorietexte
Ausführliche SEO-Texte unter der Produktliste bekommen ein Verzeichnis, das nicht stört.
AGB und Rechtstexte
Lange Seiten werden navigierbar. Der Inhalt selbst bleibt unverändert und wird nicht automatisch rechtlich geprüft.
Magento 2 Inhaltsverzeichnis: ohne und mit Modul im Vergleich
Der Unterschied zu von Hand gesetzten Ankern.
| Thema | Ohne Modul | Mit Mironsoft Table of Contents |
|---|---|---|
| Erstellung | Anker und Liste von Hand | Automatisch aus den Überschriften |
| Änderungen | Links brechen bei Umbenennung | Verzeichnis folgt dem Text |
| Orientierung | Kein Hinweis auf aktuelle Stelle | Aktueller Abschnitt wird markiert |
| Mobilgeräte | Lange Liste vor dem Text | Einklappbarer Block |
| Pflegeaufwand | Bei jedem Beitrag neu | Einmal eingestellt, überall wirksam |
So richten wir Ihr Magento 2 Inhaltsverzeichnis ein
Der Ablauf nach Ihrer Beauftragung.
Abstimmung
Wir klären, auf welchen Seitentypen das Verzeichnis erscheint und welche Position Ihr Layout verlangt.
Installation
Wir installieren das Modul und richten das Magento 2 Inhaltsverzeichnis für Ihre Store Views ein, mit Anpassung an Ihr Hyvä Theme.
Header-Versatz
Wir stellen den Versatz für Ihren fixierten Header ein, damit Sprünge sauber landen.
Test
Wir prüfen Anker, Umlaute, doppelte Überschriften und die mobile Darstellung.
Übergabe
Ihr Team erhält eine Einweisung in Schwellenwerte und Ausnahmen.
Abgrenzung zu Kategorie-Inhaltsblöcken und HTML-Sitemap
Kategorie-Inhaltsblöcke ordnen Inhalte rund um Produktlisten, die HTML-Sitemap listet Seiten Ihres Shops auf. Das Magento 2 Inhaltsverzeichnis gliedert dagegen einen einzelnen Text anhand seiner Überschriften.
Beide Arten der Navigation ergänzen sich: Die Sitemap führt zur Seite, das Inhaltsverzeichnis innerhalb der Seite zum Abschnitt.
Kein Download, sondern persönliche Einrichtung
Das Table of Contents ist hier nicht als fertige Download-Datei zum Selbst-Installieren gelistet. Der Kauf ist eine Beauftragung: Wir melden uns nach dem Kauf, installieren das Modul in Ihrem Shop und stimmen Seitentypen, Position und Header-Versatz gemeinsam mit Ihnen ab.
Häufige Fragen
Alles Wichtige zu Erzeugung, Anzeige, Ausnahmen und zum Ablauf des Kaufs.
Wie kann ich in Magento 2 ein Inhaltsverzeichnis automatisch erzeugen?
Wie kann ich in Magento 2 ein Inhaltsverzeichnis im Blog anzeigen?
Funktionieren die Sprungmarken auch bei Umlauten?
Bleiben bereits vorhandene Anker erhalten?
Kann ich Überschriften ausnehmen?
Bleibt das Verzeichnis beim Scrollen sichtbar?
Sehen Suchmaschinen das Verzeichnis?
Gibt es Probleme mit fixiertem Header?
Funktioniert das Magento 2 Inhaltsverzeichnis mit Hyvä?
Kann ich das Modul selbst herunterladen und installieren?
Zuletzt angesehene Artikel
Magento 2 Inhaltsverzeichnis – Mironsoft Table of Contents