FAQ with Image is a Shopify theme section in the Section Star library. Answer questions and build trust at the same time — pair a compelling visual with your FAQ for a more engaging and reassuring experience.
About the FAQ with Image section
The "FAQ with Image" section enables Shopify store owners to create a visually engaging FAQ section that includes an image alongside questions and answers. This section is perfect for addressing common customer queries while leveraging visual elements to maintain user engagement. The section is highly customizable, allowing users to tailor the look and feel to match their brand’s aesthetics.
Live demo
Use cases
- Product-Specific FAQs: Use the section to provide detailed answers to common questions about a specific product. This can help reduce customer inquiries and improve the shopping experience.
- Shipping & Returns: Display important information about shipping times, costs, return policies, and more. An image representing your shipping process can add a personal touch.
- Company Story: Combine frequently asked questions about your brand with an image that tells your company’s story. This can build a connection with your customers.
- Usage Instructions: Offer instructions on how to use your product effectively. An accompanying image or series of images can provide visual guidance.
- Customer Service: List ways customers can reach out for support and include an image that visually represents your customer service team.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
FAQ Design
Set the design for the FAQ
| Setting | Type | Default |
|---|---|---|
| Question Text Size | Range | 25 |
| Question Color | Color | #111111 |
| Answer Color | Color | #555555 |
| Vertical Alignment | Select (Center, Top, Bottom) | start |
| Image Location | Select (Left, Right) | left |
| Image Aspect Ratio | Select (21:9, 16:9, 4:3, 1:1) | 4 / 3 |
| Image | Image | — |
| Round Borders on Image | Range | 2 |
| Subtle Shadow on Image | Checkbox | On |
Headline
Set text for the headline
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this text field to add a descript… |
| Spacing between Headline and Features | Number | 15 |
Question block settings
| Setting | Type | Default |
|---|---|---|
| Question | Inline rich text | <b>How does the FAQ section work?</b> |
| Answer | Rich text | <p>Its simple really. You just add th… |
| Is open by default? | Checkbox | Off |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “FAQ with Image”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.