Openspaces Labs
  • 🏠 Getting Started
    • Installing the Plain Jane Theme
    • Theme Versions + Features Table
  • 🧰 Theme Settings
    • Announcement Bar
    • Animations
    • Cart Drawer
    • Clock Settings
    • Collection Layout Settings
    • Cursor Settings
    • Footer Settings
    • Global Menu Settings
    • Music Player Settings
    • Logo Settings
    • Skip Home Screen
    • SEO Settings
    • Main Theme Color
    • Typography Settings
  • πŸ—‚ Pages & Menus
    • Homepage + Menu
      • Center Menu
      • Side-Aligned Menu
      • Compact Menu Layout (Global Menu)
    • Collection Page
      • Classic Collection
      • Sidebar Collection
    • Collection List Page
    • Product Page
      • Product Section (Showcase)
      • Product Section (Thumbnail)
    • About Page
    • Contact Page
    • Lookbook Page
      • πŸ›  How to Create a Lookbook Page
      • πŸ—‚ Creating a Lookbook Archive
      • βš™οΈ Lookbook Settings & Features
    • Password Page
      • How To Password Lock Store
      • How To Add and Set Timer
      • How To Collect Emails + SMS
      • Using The Store Unlock Animation
  • 🧩Sections and Features
    • Blog Feed Section
    • Collection Display Section
    • Collection List Section
    • Email Signup (Popup)
    • Email Signup (Embed)
    • FAQ Section
    • Hero Section
    • Image Selector Section
    • Image Stream Section
    • Marquee Section
    • Preloader Section
    • Product Carousel Section
    • Text Block Section
    • Video Spotlight Section
  • 🏷️Advanced
    • How to Add Size Charts to Each Product
    • Setting Up Color Swatches
    • Setting Up Model Info
    • Setting Up Pre-Orders
  • πŸ‘₯Customer Accounts
    • How To Setup Customer Accounts
    • Login Page
    • Register Page
    • Account Dashboard Page
    • Address Management Page
  • 🌎Languages & SEO
    • Language Files (Locales)
    • Update Favicon
    • Meta Descriptions
  • ⭐️Plain Jane Interactive
    • How to Create an Interactive Space
    • Setting The Background
    • Adding Interactive Points
    • Using Transition Arrows
    • Best Practices for Mobile + Spacing
  • πŸ’¬ FAQ & Troubleshooting
Powered by GitBook
On this page
  • What You’ll Learn
  • Adding the FAQ Section
  • Editing FAQ Content
  • Settings Reference
  • Need Help?
  1. 🧩Sections and Features

FAQ Section

PreviousEmail Signup (Embed)NextHero Section

Last updated 4 days ago

What You’ll Learn

  • How to display expandable questions and answers on your storefront

  • How to customize layout, colors, and spacing for your FAQ

  • How to add or remove FAQ items (blocks)

πŸ’‘ Tip: The FAQ Section is a great way to reduce support tickets by answering common questions right on your storefront.


Adding the FAQ Section

  1. Open your Shopify Theme Editor

  2. In the left sidebar, click + Add section

  3. Choose FAQ Section

  4. Click Add

Once added, you’ll see one or more β€œQuestion” blocks pre-filled. You can edit these or add new ones.


Editing FAQ Content

Each FAQ item is a block inside the FAQ section.

To update a question and answer:

  1. Click on a block labeled Question – [Title]

  2. Update the Question Title

  3. Add the Answer text in the multiline text field

  4. Repeat for all desired FAQs

To add a new FAQ item:

  • Click Add block and choose Question

To remove an FAQ item:

  • Click the block and select Remove block at the bottom


Settings Reference

Content & Data

  • Section Title – Add a title above the FAQ section (optional)

Layout & Display

  • Expand First Question on Load – Toggles whether the first FAQ is open by default

  • Alignment – Align text left, center, or right

Typography

  • Section Title Size – Desktop / Mobile – Adjust header font size

  • Question Text Size – Desktop / Mobile – Adjust question font size

  • Answer Text Size – Desktop / Mobile – Adjust answer font size

  • Bold Section Title – Toggle to bold the header

Colors

  • Background Color – Overall section background

  • Section Title Color – Header text color

  • Question Text Color – Color of the question text

  • Answer Text Color – Color of the answer body text

  • Divider Line Color – Controls color of the line between items

Styling

  • Divider Line Thickness – Set line weight between questions

  • Divider Line Style – Choose between solid, dashed, dotted

Spacing

  • Top & Bottom Spacing – Controls padding above/below section on both desktop and mobile

Custom CSS

  • Add optional custom styles scoped to just this section


Need Help?

  • πŸ“§ Email us at: support@openspaces.design

  • πŸ’» Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website

πŸ’¬ Join our community on Discord:

https://discord.gg/hcc2GvgZc6