Cut + Fade + Button
Lange Produktbeschreibungen werden auf eine konfigurierbare Pixelhöhe zugeschnitten, mit Fade-Out-Verlauf und „Mehr lesen"-Button - ein Klick öffnet den vollen Text.
Produktbeschreibung in Shopware einklappen Read More - Beschreibung einklappen.
Lange Produktbeschreibungen elegant einklappen - SEO-sicher, A11y-konform, kostenlos.
Einblicke
Read More in Bildern.
Die Einstellungen - so, wie sie im Shopware-Admin erscheinen.
Was das Plugin machtNeu
Klappbare Produktbeschreibung.
Lange Produktbeschreibungen sind Pflicht für SEO, aber schlecht für UX - der Kunde sieht erstmal nur Wand-Text und scrollt weg. Das Plugin löst das mit einem einklappbaren Bereich, ohne dem SEO-Bot etwas wegzunehmen. Kostenlos.
Text bleibt im DOM
Inhalt wird via CSS max-height versteckt, nicht aus dem DOM entfernt. Google sieht den vollen Text - keine Ranking-Verluste.
Link, Outline, Solid
Text-Link, Outline-Button oder Solid-Button - passt zu jedem Theme. Ausrichtung links, mittig oder rechts wählbar.
Mobile, Tablet, Desktop
Einzeln aktivierbar pro Breakpoint - z.B. nur auf Mobile aktiv, auf Desktop alles ausgeklappt.
Optional mit einklappen
Die Eigenschaften-Tabelle (Größe, Material etc.) wird per JavaScript in den einklappbaren Bereich verschoben und mit ein- und ausgeklappt - auf Wunsch.
Zugänglich + sessionStorage
aria-expanded, Tastatur-Bedienung, sichtbarer Fokus-Ring. Optional Status pro Sitzung merken - wer einmal ausklappt, sieht alles auch auf weiteren Seiten ausgeklappt.
Warum es funktioniert
Bessere UX, volle Sichtbarkeit.
Lange Beschreibungen sind ein klassisches Spannungsfeld zwischen SEO und UX. Das Plugin löst beide Seiten.
Genau ein Plugin · genau ein Job
Lange Beschreibungen elegant einklappen - mehr macht das Plugin nicht.
Im Gegensatz zu „Tausendsassa"-Plugins, die zehn Sachen halb gut machen, löst dieses Plugin eine einzige Aufgabe richtig: lange Produkttexte werden mit einem konfigurierbaren Cut, einem Fade-Out-Verlauf und einem Toggle-Button so präsentiert, dass die Detailseite kurz und übersichtlich bleibt - ohne dass der eigentliche Inhalt verloren geht.
Weniger Wand-Text
Kürzer wirkende Detailseiten reduzieren die Absprung-Rate vor allem auf Mobile, wo lange Texte besonders abschreckend wirken.
Keine versteckten Inhalte
Google straft „display:none"-Tricks bei wichtigem Content ab. Wir verstecken nur per CSS - Crawler sehen den vollen Text.
WCAG-konform
aria-expanded für Screen-Reader, sichtbarer Fokus, Tastatur-Bedienung via Enter/Space. Kein A11y-Audit-Issue.
Konfiguration
Vollständig im Shopware-Admin.
Alle Einstellungen unter Erweiterungen Stone & Water - eingeklappter Beschreibungstext Detailseite Konfigurieren. Keine Code-Änderungen nötig.
320 px Default, frei einstellbar
Cut-off-Höhe in Pixel. Erst ab dieser Höhe wird der Toggle eingeblendet - kurze Texte bleiben unverändert.
80 px Default
Verhindert nervige Toggles bei Texten, die nur wenige Pixel zu lang sind. Erst ab dieser Überschreitung wird eingeklappt.
Höhe + Farbe einstellbar
80 px hoher Verlauf am unteren Rand, Endfarbe frei wählbar (passt zum Theme-Hintergrund). Optional deaktivierbar.
Theme-Akzent
Color-Picker im Admin - passt zum Brand-Farbschema. Default: Indigo #4f46e5.
CSS-Selektoren mit-einklappen
Weitere Elemente (z.B. .product-detail-delivery) per CSS-Selektor in den einklappbaren Bereich aufnehmen.
Status pro Sitzung
Optional aktivieren: Klickt der Nutzer einmal „Mehr lesen", bleiben weitere Produktseiten automatisch ausgeklappt.
Technische Details
Saubere Shopware-Integration.
Pre-built JS-Bundle, Twig-Override auf den richtigen Block, kein Core-Patch. Installation per Plugin-Manager.
Kompatibilität
Integration
Twig-Override auf @Storefront/storefront/component/product/description.html.twig, Block component_product_description_content_text. Wichtig: nicht die deprecated Datei unter page/product-detail/.
PHP-Subscriber
ProductPageLoadedEvent injiziert die Plugin-Config als Page-Extension stawReadMore. Twig liest sie aus und setzt CSS-Variablen.
JS-Bundle
Vor-gebautes IIFE-Bundle unter dist/storefront/js/staw-read-more/staw-read-more.js. Kein bin/build-storefront.sh nötig.
CSS-Variablen
--staw-rm-max-height, --staw-rm-fade-height, --staw-rm-fade-color, --staw-rm-button-color - eigenes Theming ohne Plugin-Patch möglich.
ResizeObserver
Funktioniert auch wenn die Beschreibung in einem geschlossenen Tab/Accordion liegt - sobald sichtbar, wird die Höhe neu evaluiert.
Verfügbarkeit
Kostenlos. Ohne laufende Kosten nutzbar.
Verfügbarkeit
Über den Store oder direkt bei uns.
Zwei Wege, derselbe Funktionsumfang - such dir aus, was besser zu deinem Setup passt.
Ab sofort möglich
Kostenlos
dauerhaft, ohne laufende Kosten
Lade die kostenlose Plugin Suite herunter und spiele sie im Admin ein, ganz ohne SSH. Darüber installierst und aktualisierst du das Plugin mit einem Klick. Die Lizenz kaufst du direkt bei uns, mit Rechnung von uns und Support direkt vom Entwickler.
In Vorbereitung
Das Plugin wird im offiziellen Shopware Community Store gelistet. Installation und automatische Updates laufen dann über den Plugin Manager im Backend, die Abrechnung über deinen Shopware-Account. Sobald verfügbar, verlinken wir es hier.
Häufige Fragen
Häufige Fragen zu Read More
Wie klappe ich die Produktbeschreibung in Shopware ein?
Mit Read More wird die Beschreibung auf eine einstellbare Höhe begrenzt, standardmäßig 320 Pixel, mit weichem Verlauf und einem Mehr-lesen-Button. Ein Klick zeigt den vollen Text.
Schadet das Einklappen dem SEO?
Nein. Der Text wird nicht aus dem Dokument entfernt, sondern per CSS über max-height verborgen. Suchmaschinen sehen die vollständige Produktbeschreibung.
Wann erscheint der Button?
Erst wenn der Text die maximale Höhe um die Mindest-Überschreitung übersteigt, standardmäßig 80 Pixel. Bei 320 plus 80 Pixeln wird also erst ab 400 Pixeln Texthöhe eingeklappt.
Kann ich nur auf dem Smartphone einklappen?
Ja. Mit der Option Nur Mobile greift das Einklappen erst unter 768 Pixeln Breite, am Desktop bleibt die Beschreibung offen.
Ist Read More barrierefrei?
Der Umschalter meldet seinen Zustand über aria-expanded, ist per Tastatur bedienbar und hat einen sichtbaren Fokusrahmen.
Was kostet Read More?
Nichts. Das Plugin ist kostenlos und ohne laufende Kosten nutzbar, für Shopware 6.7 und 6.6.
Bessere Produktdetailseiten?
Komplett kostenlos.
Read More für Shopware 6.7 - SEO-sicher, A11y-konform, vollständig im Admin konfigurierbar. Sofort einsetzbar - ganz ohne laufende Kosten.