List common customer questions and helpful answers using Retina's dynamic and engaging FAQ page template.
From your Online Store, publish Retina to access template, then create a new page and assign the template to it. Then use the theme editor to edit the question and answers, as well as customize the banner settings for your FAQ page.
Publish Retina to access the template
First, confirm you have Retina published. The theme templates available for pages, collections, etc. are only accessible when the theme is published. If you are unable to currently publish your theme, we have instructions on how to access unpublished templates here.
Create a new page
In your Online Store, open Pages to select Add Page.
Add some text for the page title, then locate the Template setting on the right side of the editor.
Select page.faq from the Template suffix dropdown, then Save.
No more action is needed in the page editor—the questions and answers are added through the theme editor.
Edit the question and answers
In the Themes portion of the Online Store, open the theme editor by clicking Customize. Open the FAQ page in the right-side preview of the theme editor to reveal its settings. You can do this by (1) opening the page through the template selector, (2) using the search feature to locate it, or (3) adding it as a menu item to your header navigation.
In the left-side settings, open FAQ. Under Content, there are Section and Title blocks preloaded.
Use the Section blocks to add a Heading and group the questions.
Then use the Title blocks to add each Question and Answer pair using the provided fields.
Customize the banner settings
Adjust banner layout
Use the Wide display setting to expand the width of the banner image.
Select an option from the Section height dropdown to adjust the container size for the banner image.
Add the image
Activate the Banner feature by clicking Select Image to locate your wide image.
Adjust the Image focal point using the provided dropdown. This setting moves the image within the container and allows merchants to fine-tune the focal point based on the image's subject(s).
Configure the overlay
Add introductory Heading and Text using the provided fields. Adjust the position for the text using the Text position dropdown.
Choose your Overlay color and Text color by clicking the rounded-rectangle swatches.
Adjust the Overlay opacity using the provided slider.
0% would be fully transparent (disabled overlay), while 100% would be fully opaque (hidden image).