FAQ page
FAQ page shows a list of questions and answers, with an optional message and contact form beside them.
How to add it
- In the Theme Editor, open the template where you want the section.
- Select Add section, then choose FAQ page.
The package uses this section on the FAQs page.
Settings
View the section guide .
General
| Setting | Options | Description |
|---|---|---|
| Open all questions | Opens every question when the page loads. When off, questions start collapsed. |
FAQs message
| Setting | Options | Description |
|---|---|---|
| Show FAQs message | Shows a contact box beside the FAQ list with a label, heading, description and a contact form. When off, only the FAQ list appears. | |
| Content position on desktop | • Left | Content first is the default mobile layout. |
| Highlight text | Small highlighted label above the heading in the contact box. Shown only when Show FAQs message is on. | |
| Heading | Heading of the contact box. Shown only when Show FAQs message is on. | |
| Description | Short text under the contact box heading. Shown only when Show FAQs message is on. | |
| Content alignment | • Left | Aligns the label, heading and description in the contact box to the left, center or right. Shown only when Show FAQs message is on. |
Show FAQs message turns the message and contact form on or off. Content position on desktop sets which side of the page they sit on. On mobile, the content appears first by default.
Contact form
| Setting | Options | Description |
|---|---|---|
| Name | Label and placeholder of the name field in the contact form. A star is added to mark the field as required. | |
| | Label and placeholder of the email field in the contact form. A star is added to the label to mark the field as required. | |
| Message | Placeholder text inside the message box of the contact form. | |
| Button label | Text on the button that sends the contact form. |
Appearance
| Setting | Options | Description |
|---|---|---|
| Color scheme | Edit color schemes in Theme settings. |
Section layout
| Setting | Options | Description |
|---|---|---|
| Section width | • Page width | Sets how wide the section content is. Page width keeps it inside the standard content width, Wide stretches it closer to the screen edges, and Full width spans the whole screen. |
| Top padding | Space above the section content, in pixels. | |
| Bottom padding | Space below the section content, in pixels. | |
| Show top border | Draws a thin line along the top edge of the section. |
Blocks
FAQ group (_faq-group)
One tab panel of the FAQ page. It holds a heading and the FAQ item blocks under it. The first group opens when the page loads.
| Setting | Options | Description |
|---|---|---|
| Heading | Heading shown above the questions in this group. The FAQ page also uses it as the label of the group's tab. Default: Questions heading. | |
| Show frame | Draws a bordered frame with rounded corners and padding around the group's questions. Default: on. |
No comments yet