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.
Read More — Beschreibung einklappen.
Lange Produktbeschreibungen elegant einklappen — SEO-sicher, A11y-konform, kostenlos. Direkt-Download und Shopware Store.
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.
Lizenz
Kostenlos. Direkt-Download oder Shopware Store — beide Wege ohne Lizenzgebühr.
Download
Kostenlos — direkt oder über den Store.
Das Plugin ist und bleibt kostenlos. Direkter ZIP-Download hier auf der Seite oder über den Shopware Community Store — beide Wege funktionieren ohne Aufpreis.
ZIP · v1.0.0
Direkt hier herunterladen — ohne Anmeldung, ohne Tracking. Im Shopware-Backend unter „Erweiterungen → Hochladen" installieren.
MD5: 986bb584eab6b49779bc6f70e4482a91
Mit Auto-Update
Im offiziellen Shopware Store erhältlich — automatische Update-Benachrichtigungen direkt im Admin.
Store-Link folgt nach Freigabe durch Shopware.
In 3 Befehlen
Über den Plugin-Manager im Admin oder per CLI:
bin/console plugin:refresh bin/console plugin:install --activate StawReadMore bin/console cache:clear
Bessere Produktdetailseiten?
Komplett kostenlos.
Read More für Shopware 6.7 — SEO-sicher, A11y-konform, vollständig im Admin konfigurierbar. Sofort einsetzbar, ohne Lizenzgebühr.