Read More Mode

Plan: Starter and above
Best for: Long descriptions, keep pages clean above the fold

What It Does

Shows a limited height of your description with a gradient fade at the bottom and a "Read More" button. Clicking the button smoothly expands to show the full content.

Settings

Max Height — collapsed content height in pixels (default: 300px)
Gradient Color — color of the fade overlay (matches background)
Button Text — customize "Read More" / "Read Less" labels
Button Style — filled, outline, or text-only
Button Color — button background/text color
Animation — smooth or instant expand/collapse
Button Position — left, center, or right aligned

Tips

Set Max Height based on your typical description length
Match Gradient Color to your page background for seamless fade
Works great combined with H2 headings (all content shows when expanded)
On mobile, a lower Max Height (200px) works well

Example Result

This premium wallet is handcrafted from
full-grain Italian leather in the heart
of Tuscany. Each piece takes over 8 hours
to complete by our master craftsmen who...
▓▓▓▓▓▓▓ gradient fade ▓▓▓▓▓▓▓
        [Read More ▾]