We've recently relaunched all three of our themes. Watch the launch video here.

Questions and answers

The Questions and Answers section displays a dynamic list of questions with dropdown answers in a full-width accordion. It's a great way to anticipate your customers needs and make them feel informed.

Questions and Answers section
Questions and Answers section
Dropdown answer example
Dropdown answer example

Add a Questions and answers section

The Questions and answers section can be added to any template (except the Checkout). To learn more about Sections and Templates, see Shopify's OS2 Theme Editor manual.

  1. In your theme editor (Customize), select the Template you wish to edit from the dropdown menu in the top bar.

    Drop-down menu of page templates
    Drop-down menu of page templates
  2. Click + Add section and select Questions and answers from the Theme Sections list.

    Add section button
    Add section button
  3. (Optional.) Click and hold the ⋮⋮ drag icon to change the order of your sections:

    Shopify section drag handles
    Shopify section drag handles
  4. Click on the section title to open the section settings.

  5. Add Heading text to display above the section.

  6. (Optional.) Add Subheading text to display beneath the Heading.

  7. (Optional.) Enable the Alternate section color.

    See Spark's Color settings guide to learn how to create a secondary color scheme with alternate section colors.

  8. Remember to click Save in the top-right corner.

Add Question blocks

  1. Click + Add Question and/or click on the Quote block you wish to edit.

    This opens the Question block settings.

  2. Change the Question text.

  3. Change the Answer text.

    Use the formatting buttons to add bold, italic, or linked text.

  4. (Optional.) Add an Author name.

  5. Return to the list of your template sections in the sidebar and repeat this process until you've added all the Question blocks you need.

  6. (Optional.) Click and hold the ⋮⋮ drag icon to change the order of your Question blocks:

    Shopify content blocks drag handles
    Shopify content blocks drag handles

    Use the Remove block button in the block settings to remove a block entirely.

  7. Remember to click Save in the top-right corner.

Question and answers block settings

The following settings are found by clicking directly on a Question block:

Configuration Settings

Question

Add a frequently asked question.

Answer

Add an answer to the question.

Use the formatting buttons to add bold, italic, and linked text.

Author name

Add the author of the answer.

Question block settings

The following settings are found by clicking directly on the section title:

Configuration Settings

Heading

Add heading text.

We recommended a short title of just a few words.

Subheading

Add subheading text.

Use the formatting buttons to add bold, italic, and linked text.

Use alternate section color

Apply the alternate section colors as chosen in your Theme Settings.

See Spark's Color settings guide to learn how to create a secondary color scheme with alternate section colors.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.