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.
Elegantly collapse long product descriptions - SEO-safe, A11y-compliant, free.
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.
Long product descriptions are cut at a configurable pixel height, with fade-out gradient and "Read more" button - one click reveals the full text.
Content is hidden via CSS max-height, not removed from the DOM. Google sees the full text - no ranking loss.
Text link, outline button or solid button - fits any theme. Alignment left, centre or right.
Toggle per breakpoint - e.g. active only on mobile, fully expanded on desktop.
The properties table (size, material etc.) is moved into the collapsible area via JavaScript and folded in and out with it - when enabled.
aria-expanded, keyboard navigation, visible focus ring. Optionally remember state per session - once expanded, stays expanded on further pages.
Long descriptions are a classic tension between SEO and UX. The plugin solves both sides.
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.
Shorter-looking detail pages reduce bounce rate especially on mobile, where long copy is particularly off-putting.
Google penalises display:none tricks for important content. We hide only via CSS - crawlers see the full text.
aria-expanded for screen readers, visible focus, keyboard support via Enter/Space. No A11y audit issue.
All settings under Extensions → Stone & Water - Collapsible Product Description → Configure. No code changes required.
Cut-off height in pixels. Toggle is only shown above this height - short texts are left untouched.
Prevents annoying toggles on texts that are only a few pixels too long. Collapse only kicks in above this overflow.
80 px gradient at the bottom, end colour freely selectable (match your theme background). Optionally disabled.
Colour picker in the admin - matches your brand scheme. Default: indigo #4f46e5.
Additional elements (e.g. .product-detail-delivery) can be included in the collapsible area via CSS selector.
Optionally enable: once the user clicks "Read more", further product pages stay automatically expanded.
Pre-built JS bundle, Twig override on the correct block, no core patch. Installation via Plugin Manager.
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/.
ProductPageLoadedEvent injects the plugin config as a page extension stawReadMore. Twig reads it and sets CSS variables.
Pre-built IIFE bundle at dist/storefront/js/staw-read-more/staw-read-more.js. No bin/build-storefront.sh required.
--staw-rm-max-height, --staw-rm-fade-height, --staw-rm-fade-color, --staw-rm-button-color - custom theming possible without plugin patch.
Works even when the description is inside a closed tab/accordion - once visible, height is re-evaluated automatically.
Free. No ongoing costs.
Two routes, the same feature set - pick whichever suits your setup.
permanently, no running costs
You buy the licence directly from us and get an invoice from us. Install by upload in the admin without SSH, updates through our licensing platform, support straight from the developer.
The plugin will be listed in the official Shopware Community Store. Installation and automatic updates then run through the plugin manager, billing through your Shopware account. We will link it here as soon as it is live.
Read More for Shopware 6.7 - SEO-safe, A11y-compliant, fully configurable in the admin. Ready to use - with no ongoing costs.