# Shopware Produktbeschreibung einklappen: Mehr lesen, kostenlos > Kostenloses Shopware-6.7-Plugin: lange Produktbeschreibungen mit Fade-Out und Mehr-lesen-Button einklappen. SEO-sicher, barrierefrei, voll konfigurierbar. Quelle / Source: https://stoneandwater.online/de/read-more.html # Produktbeschreibung in Shopware einklappen: Read More - Beschreibung einklappen. Lange Produktbeschreibungen elegant einklappen - SEO-sicher, A11y-konform, kostenlos. [Handbuch ansehen](https://stoneandwater.online/de/handbuch-read-more.html) Einblicke ## Read More *in Bildern*. Die Einstellungen - so, wie sie im Shopware-Admin erscheinen. Was das Plugin macht Neu ## 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.** Mehr-lesen-Toggle ### 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. SEO-sicher ### Text bleibt im DOM Inhalt wird via CSS `max-height` versteckt, nicht aus dem DOM entfernt. Google sieht den vollen Text - keine Ranking-Verluste. 3 Button-Stile ### Link, Outline, Solid Text-Link, Outline-Button oder Solid-Button - passt zu jedem Theme. Ausrichtung links, mittig oder rechts wählbar. Pro Viewport ### Mobile, Tablet, Desktop Einzeln aktivierbar pro Breakpoint - z.B. nur auf Mobile aktiv, auf Desktop alles ausgeklappt. Eigenschaften-Tabelle ### 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. A11y & Status ### 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. Conversion ### Weniger Wand-Text Kürzer wirkende Detailseiten reduzieren die Absprung-Rate vor allem auf Mobile, wo lange Texte besonders abschreckend wirken. SEO ### Keine versteckten Inhalte Google straft „*display:none*"-Tricks bei wichtigem Content ab. Wir verstecken nur per CSS - Crawler sehen den vollen Text. Accessibility ### 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. Max. Höhe ### 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. Min. Überschreitung ### 80 px Default Verhindert nervige Toggles bei Texten, die nur wenige Pixel zu lang sind. Erst ab dieser Überschreitung wird eingeklappt. Fade-Verlauf ### Höhe + Farbe einstellbar 80 px hoher Verlauf am unteren Rand, Endfarbe frei wählbar (passt zum Theme-Hintergrund). Optional deaktivierbar. Button-Farbe ### Theme-Akzent Color-Picker im Admin - passt zum Brand-Farbschema. Default: Indigo `#4f46e5`. Zusatz-Selektoren ### CSS-Selektoren mit-einklappen Weitere Elemente (z.B. `.product-detail-delivery`) per CSS-Selektor in den einklappbaren Bereich aufnehmen. Sessionstorage ### 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 Shopware 6.6 & 6.7 Shopware 6.6 PHP 8.2+ ### 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. Direkt über Stone & Water ### 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. [Plugin Suite herunterladen](https://stoneandwater.online/de/plugin-suite.html)[+49 2555 9997342](tel:+4925559997342) Shopware Store ### 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. [Mit der Plugin Suite holen](https://stoneandwater.online/de/plugin-suite.html)[Setup anfragen](https://stoneandwater.online/de/kontakt.html)