Read More — collapsible description.

Elegantly collapse long product descriptions — SEO-safe, A11y-compliant, free. Direct download and Shopware Store.

What the plugin doesNeu

Collapsible product description.

Long product descriptions are mandatory for SEO but bad for UX — customers see a wall of text and scroll past. The plugin solves this with a collapsible region without hiding anything from the SEO bot. Free.

Read more toggle

Cut + fade + button

Long product descriptions are cut at a configurable pixel height, with fade-out gradient and "Read more" button — one click reveals the full text.

SEO-safe

Text stays in the DOM

Content is hidden via CSS max-height, not removed from the DOM. Google sees the full text — no ranking loss.

3 button styles

Link, outline, solid

Text link, outline button or solid button — fits any theme. Alignment left, centre or right.

Per viewport

Mobile, tablet, desktop

Toggle per breakpoint — e.g. active only on mobile, fully expanded on desktop.

Properties table

Optionally collapse along

The properties table (size, material etc.) is moved into the collapsible area via JavaScript and folded in and out with it — when enabled.

A11y & state

Accessible + sessionStorage

aria-expanded, keyboard navigation, visible focus ring. Optionally remember state per session — once expanded, stays expanded on further pages.

Why it works

Better UX, full visibility.

Long descriptions are a classic tension between SEO and UX. The plugin solves both sides.

Exactly one plugin · exactly one job

Elegantly collapse long descriptions — nothing else.

Unlike "jack-of-all-trades" plugins that do ten things half-well, this one solves a single task properly: long product descriptions are presented with a configurable cut, fade-out gradient and toggle button — so the detail page stays short and tidy without losing actual content.

Conversion

Less wall-of-text

Shorter-looking detail pages reduce bounce rate especially on mobile, where long copy is particularly off-putting.

SEO

No hidden content

Google penalises display:none tricks for important content. We hide only via CSS — crawlers see the full text.

Accessibility

WCAG-compliant

aria-expanded for screen readers, visible focus, keyboard support via Enter/Space. No A11y audit issue.

Configuration

Fully in the Shopware admin.

All settings under Extensions → Stone & Water - Collapsible Product Description → Configure. No code changes required.

Max height

320 px default, adjustable

Cut-off height in pixels. Toggle is only shown above this height — short texts are left untouched.

Min overflow

80 px default

Prevents annoying toggles on texts that are only a few pixels too long. Collapse only kicks in above this overflow.

Fade gradient

Height + colour configurable

80 px gradient at the bottom, end colour freely selectable (match your theme background). Optionally disabled.

Button colour

Theme accent

Colour picker in the admin — matches your brand scheme. Default: indigo #4f46e5.

Extra selectors

Include via CSS selectors

Additional elements (e.g. .product-detail-delivery) can be included in the collapsible area via CSS selector.

Session storage

State per session

Optionally enable: once the user clicks "Read more", further product pages stay automatically expanded.

Technical details

Clean Shopware integration.

Pre-built JS bundle, Twig override on the correct block, no core patch. Installation via Plugin Manager.

Compatibility

Shopware 6.7Shopware 6.6PHP 8.2+

Integration

Twig override on @Storefront/storefront/component/product/description.html.twig, block component_product_description_content_text. Important: not the deprecated file under page/product-detail/.

PHP subscriber

ProductPageLoadedEvent injects the plugin config as a page extension stawReadMore. Twig reads it and sets CSS variables.

JS bundle

Pre-built IIFE bundle at dist/storefront/js/staw-read-more/staw-read-more.js. No bin/build-storefront.sh required.

CSS variables

--staw-rm-max-height, --staw-rm-fade-height, --staw-rm-fade-color, --staw-rm-button-color — custom theming possible without plugin patch.

ResizeObserver

Works even when the description is inside a closed tab/accordion — once visible, height is re-evaluated automatically.

License

Free. Direct download or Shopware Store — both ways without license fee.

Download

Free — direct or via the Store.

The plugin is free and stays free. Direct ZIP download here on the page or via the Shopware Community Store — both ways work without surcharge.

Direct download

ZIP · v1.0.0

Download directly here — no sign-up, no tracking. Install in the Shopware backend under "Extensions → Upload".

Download plugin

MD5: 986bb584eab6b49779bc6f70e4482a91

Shopware Store

With auto-update

Available in the official Shopware Store — automatic update notifications directly in the admin.

Store link will be added after Shopware approval.

Installation

In 3 commands

Via the plugin manager in the admin or via CLI:

bin/console plugin:refresh
bin/console plugin:install --activate StawReadMore
bin/console cache:clear
Better product detail pages?

Completely free.

Read More for Shopware 6.7 — SEO-safe, A11y-compliant, fully configurable in the admin. Ready to use, no license fee.