Description block
Three render modes — static, show-more, accordion. Plus per-block text size.
Updated 2026-05-09
Renders {{ product.description }} from your Shopify product. Three display modes cover most layout needs.
Display modes
| Mode | Behavior |
|---|---|
static (default) | Always fully visible |
show_more | Truncated to a max height; "Show more" button reveals the rest |
accordion | Hidden behind a collapsible section (matches the styling of other accordions on the page) |
Mode-specific settings
Show more
- Collapsed height (px) — how much shows initially before the button
Accordion
- Accordion title — defaults to "Description"
- Open by default — toggle
Text size
Block setting — small / medium / large. Multiplies the body font size.
Bullet & numbered lists
<ul> and <ol> inside the description now render with proper indentation and visible markers (disc / decimal). Earlier versions hid them due to the global ul, ol { list-style: none; } reset — that's overridden inside description and accordion content so editorial copy with lists looks the way you write it in the Shopify editor.
Tips
- Long, story-driven descriptions → use accordion below the buy buttons. Saves above-the-fold space.
- Short descriptions (under 50 words) → static is fine.
- For catalogs where every PDP has a long spec list → show-more with 200px collapsed height.
Need a hand? Contact support.