Magento 2 Read More Button for Long Descriptions, SEO-Safe
SKU: PRODUCTREADMORE1
- cut a long description to a start height, one click shows the rest
- the complete text stays in the HTML and readable for search engines
- for product and category pages, labels per store view
- Alpine.js in the Hyvä theme, operable by keyboard
Einmaliger Kauf · inkl. 12 Monate Updates · zzgl. MwSt.
Magento 2 Read More Button: short pages, full text in the HTML
The Magento 2 Read More Button from Mironsoft cuts long descriptions on product and category pages to a start height that you define. A toggle expands the rest. Unlike solutions that strip text out with a script or hide it with display:none, the complete content stays in the source and inside the document flow. The implementation uses Alpine.js in the Hyvä theme and a CSS height limit, with no extra library.
Adjustable start height
Set the height in pixels or lines, separately for smartphone and desktop.
Text stays in the HTML
Only the display is shortened; the complete text remains in the source and gets read.
Fade at the edge
A soft fade-out shows that the text continues.
Minimum length
Short texts stay as they are, the toggle appears only above a threshold.
Labels per store view
Read more and Show less can be worded freely for every language.
Accessible
A real button with aria-expanded, keyboard support and respect for reduced motion.
Why long descriptions without a Read More Button cost you buyers
Detailed texts are good for search engines but bad for overview. On a category page a long SEO text pushes the products below the fold; on a product page the visitor lands behind a wall of text instead of at price and cart. Merchants therefore look for a Magento 2 Read More Button that shortens the text without removing it.
That is exactly what separates good solutions from bad ones. If the text is loaded later by script or deleted from the document, the page loses its content for the crawler. The Magento 2 Read More Button from Mironsoft only limits the height of the container and leaves the text where it is.
Magento 2 Read More Button: set start height and minimum length
You decide how tall the text area is in its collapsed state, for example 160 pixels or six lines. You also define a minimum length: if the description is shorter, it is shown in full and no toggle is created. A short text therefore never looks artificially cut off. The values apply globally and can be overridden per store view.
- Start height in pixels or lines, mobile and desktop separately
- Minimum length: short texts stay complete
- Values global, per website or store view
SEO-safe: Magento 2 Read More Button without hidden text
The module hides nothing. The container gets a maximum height with overflowing content, the rest is simply not visible. The text is fully present in the delivered HTML, and headings and links inside it stay reachable for crawlers. When expanding, the height grows with a short animation to the real size; visitors who prefer reduced motion see the change without animation. Nobody can guarantee a ranking effect, but the technical basis is clean.
- No display:none, no lazy loading, no removal
- Headings and links in the text stay in the document
- Animation is skipped for reduced motion
Product page, category and CMS: where the toggle appears
The toggle can be activated for the product description, the category text and any CMS block. On category pages it applies to the description area above or below the listing, so the products stay in view. Visitors who jump in through an anchor, such as a link to a heading inside the text, get the area expanded automatically. For printing, the full text is output.
- Product description, category text and CMS blocks
- Anchor jumps expand the area automatically
- Print view always shows the complete text
Operation with keyboard and screen reader
The toggle is a real button with aria-expanded and aria-controls, not a link and not a clickable div. It can be reached with Tab and operated with Enter or Space. After collapsing, the page can scroll back to the start of the text so that nobody loses orientation. Colors, spacing and arrow are styled with Tailwind classes in your theme.
- Button with aria-expanded and aria-controls
- Optional scroll back to the text start after collapsing
- Styling with Tailwind classes in the Hyvä theme
Where a Magento 2 Read More Button helps in daily shop work
Four situations in which shortened texts achieve more than long pages.
Category with SEO text
With the Magento 2 Read More Button the description no longer sits in front of the products. Visitors see the listing at once, and the text below it can be expanded.
Technical products with long descriptions
Datasheet texts and usage notes stay complete in the HTML without pushing the buying area down.
Mobile product pages
On a smartphone the Magento 2 Read More Button keeps price and add-to-cart button within reach without long scrolling.
Multilingual stores
The toggle label can be set per store view, so Mehr lesen and Read more fit each language.
Magento 2 Read More Button compared with text scripts
What you gain when only the height is limited.
| Topic | Without module | With Magento 2 Read More Button |
|---|---|---|
| Page length | A wall of text pushes content down | Cut to a fixed start height |
| Text in HTML | Script solutions often remove or reload it | Complete in the source |
| Operation | Clickable div without keyboard support | Button with keyboard and ARIA support |
| Short texts | Get cut anyway | Stay unchanged thanks to minimum length |
| Languages | Fixed label | Label per store view |
How we set up the Magento 2 Read More Button for you
The process after your order.
Briefing
We clarify on which page types the toggle should appear and which start height fits your layout.
Installation
We install the module and activate the Magento 2 Read More Button for product pages, categories and the CMS blocks you choose.
Styling
We match colors, fade and arrow to your theme and set the labels per store view.
Testing
We check smartphone, tablet and desktop, anchor jumps, keyboard operation and the source for complete content.
Handover
Your team gets a short introduction on how to adjust start height and minimum length later.
How this differs from product tabs, accordions and the SEO Suite
Product tabs and accordions divide content into several areas with their own headers. The Magento 2 Read More Button instead shortens a single long text and expands it in place. The Mironsoft SEO Suite handles meta data, structured data and hreflang; it does not change how texts are displayed.
You can combine both, even the Magento 2 Read More Button next to tabs. The toggle works with Alpine.js in the Hyvä theme, without jQuery, without Knockout and without an additional library.
No download — personal setup instead
Read More Toggle is not listed here as a ready-made download file for self-installation. The purchase is a service commission: we get in touch after the purchase, install the module in your shop and agree on start height, page types and labels together with you.
Frequently asked questions
Everything important about SEO, operation, settings and how the purchase works.
How can I collapse a product description in Magento 2?
Does the Magento 2 Read More Button keep the text readable for Google?
How can I place the category text below the products in Magento 2 and collapse it?
Can I change the label?
What happens with short texts?
Does the area expand automatically for an anchor link?
Does the Magento 2 Read More Button work with Hyvä?
Is the toggle accessible?
Can I activate the toggle for certain pages only?
Can I download and install the module myself?
Recently Viewed Products
Magento 2 Read More Button – Mironsoft