FAQ
FAQ shows a list of questions that open to reveal their answers. Each question is a block, and the section can add an image beside the list.
How to add it
- In the Theme Editor, open the template where you want the section.
- Select Add section, then choose FAQ.
The package uses this section on the product page templates.
Settings
View the section guide .
General
| Setting | Options | Description |
|---|---|---|
| Open all questions | Opens every question when the page loads. When off, only the first question starts open. |
Heading content
| Setting | Options | Description |
|---|---|---|
| Subheading | Small line above the heading in the FAQs message. Shown only when Show FAQs message is on. | |
| Heading | Heading of the FAQs message next to the questions. Shown only when Show FAQs message is on. | |
| Description | Text under the heading of the FAQs message, with rich text formatting. Shown only when Show FAQs message is on. | |
| Content alignment | • Left | Aligns the text of the FAQs message to the left, center or right. Shown only when Show FAQs message is on. |
Image
| Setting | Options | Description |
|---|---|---|
| Show image | Shows an image beside the questions. The image position setting appears once this is on. | |
| Image | 646px x 700px recommended | |
| Image position on desktop | • Left | Puts the image to the left or right of the questions on desktop. Shown only when Show image is on. |
FAQs message
| Setting | Options | Description |
|---|---|---|
| Show FAQs message | Shows an intro message with a subheading, heading, description and button next to the questions. Turn it off to show the question list alone. | |
| Button label | Leave the label blank to hide the button. | |
| Button link | Page the FAQs message button opens. The button appears only when Button label is filled in, and without a link it is disabled. |
Show FAQs message adds a message block with a button. Leave the button label blank to hide the button.
Appearance
| Setting | Options | Description |
|---|---|---|
| Color scheme | Edit color schemes in Theme settings. |
Section layout
| Setting | Options | Description |
|---|---|---|
| Section width | • Page width | Page width keeps the content inside the standard page container, Wide uses a wider container, and Full width runs edge to edge. |
| Top padding | Space above the section, in pixels. | |
| Bottom padding | Space below the section, in pixels. | |
| Show top border | Draws a line along the top edge of the section. |
Notes
The section accepts up to ten blocks, one for each question.
No comments yet