The Flex theme includes a Frequently Asked Questions (FAQ) page template to answer common questions about your brand, products, policies, etc.
First, assign the template to a page, then customize its content with the theme editor.
Connect the Page with the FAQ Template
In the Pages portion of the Online Store, create a new page by selecting Add page.
Add a name for the page, then select faq from the Theme template setting.
Save, then return to Themes to open the theme editor.
FAQ Page Settings
In the theme editor (Customize), use the page selector to open Pages, then faq.
Use the sections in the left sidebar to customize the template's Banner and FAQ blocks.
Banner
The Banner image is an optional feature for the FAQ page template Click Banner to open its settings.
To disable the Banner, select the eye icon.
Select image
Click Select Image to connect your image with the banner. Use a 1800 x 800px image for the best results.
Darken banner image
Enable the Darken banner image setting to add a subtle overlay to your banner image. This can increase the contrast between the text and image for better legibility.
Subheading
Include additional text on top of the banner image with the Subheading field.
Banner height
You can select Small, Medium, or Large for the Banner image height.
Width
The width can either be set to Standard or Wide. Selecting Wide will spread out the full width of the screen. Selecting Standard will keep the section in a container and not spread the full width.
Spacing
You can choose to add space (padding) above and below the section by adjusting the top and bottom spacing settings.
Custom CSS
Add Custom CSS to the banner for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature
FAQ Styling and Blocks
Click the FAQ section to open the general settings.
Width
The width can either be set to Standard or Wide. Selecting Wide will spread out the full width of the screen. Selecting Standard will keep the section in a container and not spread the full width.
Spacing
You can choose to add space (padding) above and below the section by adjusting the top and bottom spacing settings.
Custom CSS
Add Custom CSS to the banner for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature
Click the toggle to the left of FAQ to reveal the blocks.
Click to open one of the preloaded blocks. Add more by selecting (+) Add block.
Frequently asked question
Use the Frequently asked question blocks to customize the Question and Answer sets.
Heading
To organize your FAQs into specific sections, you can add a Heading and input the title for the group of FAQs.
Image
Add an image content block to accompany your FAQ columns. The recommended image size is 1000 by 1000px.