FAQ Grid
faq_grid renders concise question-and-answer cards without Alpine.js.
When to Use
Use it when all FAQ answers should remain visible for scanning, SEO, and quick objection handling.
Usage
{{ faq_grid(title="Questions", q_1="Does it need JavaScript?", a_1="No.") }}Live Example
Common questions
Does this require custom CSS?
No. The shortcode uses the theme tokens and spacing scale.
Can answers be short?
Yes. Keep FAQ copy direct and practical.
When should I use the accordion?
Use faq_accordion when the page needs a more compact interaction.
Parameters
| Parameter | Description |
|---|---|
container | Inner content width. |
eyebrow | Small uppercase label above the heading. |
title | Section heading. |
description | Supporting copy. |
q_N | Question text, up to 8. |
a_N | Answer text. |
bg | Full-width section background token. |
class | Additional CSS classes on the outer section. |