FAQ
How to use the FAQ section in the Meditative Folks Theme.
FAQ
At a glance
Accordion FAQ section for common questions on product or support pages.
Where to find it
- Theme editor path: Online Store → Customize → select the relevant page → FAQ
- Add to a page: Add via Add section → category Content.
Settings
Accordion
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Accordion behavior | When set to single open, only one question can be expanded at a time. | multiple | Always |
| Open first item by default | Opens the first question when no individual items are set to open by default. | No | Always |
| Closed icon | Icon shown when the accordion is collapsed. | plus | Always |
| Open icon | Icon shown when the accordion is expanded. | minus | Always |
| Enable FAQ structured data | Adds FAQPage schema markup for search engines. | Yes | Always |
Layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Padding top | Adds empty space (padding top) around the section content. | 32 | Always |
| Padding bottom | Adds empty space (padding bottom) around the section content. | 32 | Always |
Color scheme
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Color scheme | Applies a color scheme from Theme settings → Colors. | scheme-1 | Always |
Blocks
| Block | Purpose | Limit |
|---|---|---|
| Header & CTA Content | Add and configure in theme editor. | 1 |
| FAQ item | Add and configure in theme editor. | — |
Header & CTA Content settings
Header
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Overline | Controls “Overline” on the storefront. Open the theme editor to preview live. | — | Always |
| Use global overline styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Overline is filled in |
| Overline font size (mobile) | Sets overline font size (mobile) in pixels for the matching screen size. | 12 | Overline is filled in and Use global overline styles is off |
| Overline font size (tablet) | Sets overline font size (tablet) in pixels for the matching screen size. | 13 | Overline is filled in and Use global overline styles is off |
| Overline font size (desktop) | Sets overline font size (desktop) in pixels for the matching screen size. | 14 | Overline is filled in and Use global overline styles is off |
| Overline font weight | Sets how bold overline text appears. | 500 | Overline is filled in and Use global overline styles is off |
| Heading | Controls “Heading” on the storefront. Open the theme editor to preview live. | Got questions? | Always |
| Use global H2 heading styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Heading is filled in |
| Heading font size (mobile) | Sets heading font size (mobile) in pixels for the matching screen size. | 26 | Heading is filled in and Use global heading styles is off |
| Heading font size (tablet) | Sets heading font size (tablet) in pixels for the matching screen size. | 29 | Heading is filled in and Use global heading styles is off |
| Heading font size (desktop) | Sets heading font size (desktop) in pixels for the matching screen size. | 33 | Heading is filled in and Use global heading styles is off |
| Heading font weight | Sets how bold heading text appears. | 500 | Heading is filled in and Use global heading styles is off |
| Subheading | Controls “Subheading” on the storefront. Open the theme editor to preview live. | — | Always |
| Use global subheading styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | subHeading is filled in |
| Subheading font size (mobile) | Sets subheading font size (mobile) in pixels for the matching screen size. | 16 | Subheading is filled in and Use global subheading styles is off |
| Subheading font size (tablet) | Sets subheading font size (tablet) in pixels for the matching screen size. | 18 | Subheading is filled in and Use global subheading styles is off |
| Subheading font size (desktop) | Sets subheading font size (desktop) in pixels for the matching screen size. | 19 | Subheading is filled in and Use global subheading styles is off |
| Subheading max width | Controls “Subheading max width” on the storefront. Open the theme editor to preview live. | 500 | subHeading is filled in |
Alignment
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Hide heading and subheading (for accessibility) | Controls “Hide heading and subheading (for accessibility)” on the storefront. Open the theme editor to preview live. | No | Always |
| Content alignment | Controls “Content alignment” on the storefront. Open the theme editor to preview live. | center | Hide heading/subheading visually is off |
CTA
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Button text | Controls “Button text” on the storefront. Open the theme editor to preview live. | — | Always |
| Button link | Controls “Button link” on the storefront. Open the theme editor to preview live. | — | Button text is filled in |
| Button variant | Chooses the button look (primary, secondary, outline, or ghost). | primary | Button text is filled in |
| Button size | Chooses the button size from Theme settings → Button sizes. | medium | Button text is filled in |
| Use global button styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Button text is filled in |
| Button background | Controls “Button background” on the storefront. Open the theme editor to preview live. | #ffffff | Button text is filled in and Use global button styles is off |
| Button text color | Controls “Button text color” on the storefront. Open the theme editor to preview live. | #000000 | Button text is filled in and Use global button styles is off |
| Enable full width on mobile | Turns “Enable full width on mobile” on or off on the storefront. | No | Button text is filled in |
| Enable shimmer | Adds a moving highlight across the button or ribbon. | Yes | Button text is filled in |
FAQ item settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Question | Controls “Question” on the storefront. Open the theme editor to preview live. | What is your return policy? | Always |
| Icon | Controls “Icon” on the storefront. Open the theme editor to preview live. | none | Always |
| Icon size (mobile) | Controls “Icon size (mobile)” on the storefront. Open the theme editor to preview live. | 20 | An icon is selected |
| Icon size (tablet) | Controls “Icon size (tablet)” on the storefront. Open the theme editor to preview live. | 20 | An icon is selected |
| Icon size (desktop) | Controls “Icon size (desktop)” on the storefront. Open the theme editor to preview live. | 20 | An icon is selected |
| Use custom icon color | Controls “Use custom icon color” on the storefront. Open the theme editor to preview live. | No | An icon is selected |
| Icon color | Controls “Icon color” on the storefront. Open the theme editor to preview live. | #111111 | An icon is selected and Use custom icon color is on |
| Content source | Controls “Content source” on the storefront. Open the theme editor to preview live. | richtext | Always |
| Content | Controls “Content” on the storefront. Open the theme editor to preview live. | We offer hassle-free returns within 30 days of delivery. | content source == 'richtext' |
| Custom Liquid | Add app snippets or other Liquid code to create advanced customizations. | — | content source == 'liquid' |
| Open by default | Controls “Open by default” on the storefront. Open the theme editor to preview live. | No | Always |
Typography
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global accordion styles | Use accordion trigger and content sizes from Theme settings → Typography. Turn off to set sizes for this block only. | Yes | Always |
| Trigger size (mobile) | Controls “Trigger size (mobile)” on the storefront. Open the theme editor to preview live. | 20 | Use global accordion styles is off |
| Trigger size (tablet) | Controls “Trigger size (tablet)” on the storefront. Open the theme editor to preview live. | 20 | Use global accordion styles is off |
| Trigger size (desktop) | Controls “Trigger size (desktop)” on the storefront. Open the theme editor to preview live. | 20 | Use global accordion styles is off |
| Use custom trigger text color | Controls “Use custom trigger text color” on the storefront. Open the theme editor to preview live. | No | Always |
| Trigger text color | Controls “Trigger text color” on the storefront. Open the theme editor to preview live. | #111111 | use custom trigger text color |
| Content size (mobile) | Controls “Content size (mobile)” on the storefront. Open the theme editor to preview live. | 16 | Use global accordion styles is off |
| Content size (tablet) | Controls “Content size (tablet)” on the storefront. Open the theme editor to preview live. | 16 | Use global accordion styles is off |
| Content size (desktop) | Controls “Content size (desktop)” on the storefront. Open the theme editor to preview live. | 16 | Use global accordion styles is off |
Setting details
Each control from the tables above, explained simply:
Accordion behavior
When set to single open, only one question can be expanded at a time. Default: multiple.
Open first item by default
Opens the first question when no individual items are set to open by default. Default: No.
Closed icon
Icon shown when the accordion is collapsed. Default: plus.
Open icon
Icon shown when the accordion is expanded. Default: minus.
Enable FAQ structured data
Adds FAQPage schema markup for search engines. Default: Yes.
Padding top
Adds empty space (padding top) around the section content. Default: 32.
Padding bottom
Adds empty space (padding bottom) around the section content. Default: 32.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Overline
Controls “Overline” on the storefront. Open the theme editor to preview live. Default: —.
Use global overline styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Overline is filled in.
Overline font size (mobile)
Sets overline font size (mobile) in pixels for the matching screen size. Default: 12. This control appears when: Overline is filled in and Use global overline styles is off.
Overline font size (tablet)
Sets overline font size (tablet) in pixels for the matching screen size. Default: 13. This control appears when: Overline is filled in and Use global overline styles is off.
Overline font size (desktop)
Sets overline font size (desktop) in pixels for the matching screen size. Default: 14. This control appears when: Overline is filled in and Use global overline styles is off.
Overline font weight
Sets how bold overline text appears. Default: 500. This control appears when: Overline is filled in and Use global overline styles is off.
Heading
Controls “Heading” on the storefront. Open the theme editor to preview live. Default: Got questions?.
Use global H2 heading styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Heading is filled in.
Heading font size (mobile)
Sets heading font size (mobile) in pixels for the matching screen size. Default: 26. This control appears when: Heading is filled in and Use global heading styles is off.
Heading font size (tablet)
Sets heading font size (tablet) in pixels for the matching screen size. Default: 29. This control appears when: Heading is filled in and Use global heading styles is off.
Heading font size (desktop)
Sets heading font size (desktop) in pixels for the matching screen size. Default: 33. This control appears when: Heading is filled in and Use global heading styles is off.
Heading font weight
Sets how bold heading text appears. Default: 500. This control appears when: Heading is filled in and Use global heading styles is off.
Subheading
Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: —.
Use global subheading styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: subHeading is filled in.
Subheading font size (mobile)
Sets subheading font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Subheading is filled in and Use global subheading styles is off.
Subheading font size (tablet)
Sets subheading font size (tablet) in pixels for the matching screen size. Default: 18. This control appears when: Subheading is filled in and Use global subheading styles is off.
Subheading font size (desktop)
Sets subheading font size (desktop) in pixels for the matching screen size. Default: 19. This control appears when: Subheading is filled in and Use global subheading styles is off.
Subheading max width
Controls “Subheading max width” on the storefront. Open the theme editor to preview live. Default: 500. This control appears when: subHeading is filled in.
Hide heading and subheading (for accessibility)
Controls “Hide heading and subheading (for accessibility)” on the storefront. Open the theme editor to preview live. Default: No.
Content alignment
Controls “Content alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Hide heading/subheading visually is off.
Button text
Controls “Button text” on the storefront. Open the theme editor to preview live. Default: —.
Button link
Controls “Button link” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Button text is filled in.
Button variant
Chooses the button look (primary, secondary, outline, or ghost). Default: primary. This control appears when: Button text is filled in.
Button size
Chooses the button size from Theme settings → Button sizes. Default: medium. This control appears when: Button text is filled in.
Use global button styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Button text is filled in.
Button background
Controls “Button background” on the storefront. Open the theme editor to preview live. Default: #ffffff. This control appears when: Button text is filled in and Use global button styles is off.
Button text color
Controls “Button text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Button text is filled in and Use global button styles is off.
Enable full width on mobile
Turns “Enable full width on mobile” on or off on the storefront. Default: No. This control appears when: Button text is filled in.
Enable shimmer
Adds a moving highlight across the button or ribbon. Default: Yes. This control appears when: Button text is filled in.
Question
Controls “Question” on the storefront. Open the theme editor to preview live. Default: What is your return policy?.
Icon
Controls “Icon” on the storefront. Open the theme editor to preview live. Default: none.
Icon size (mobile)
Controls “Icon size (mobile)” on the storefront. Open the theme editor to preview live. Default: 20. This control appears when: An icon is selected.
Icon size (tablet)
Controls “Icon size (tablet)” on the storefront. Open the theme editor to preview live. Default: 20. This control appears when: An icon is selected.
Icon size (desktop)
Controls “Icon size (desktop)” on the storefront. Open the theme editor to preview live. Default: 20. This control appears when: An icon is selected.
Use custom icon color
Controls “Use custom icon color” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: An icon is selected.
Icon color
Controls “Icon color” on the storefront. Open the theme editor to preview live. Default: #111111. This control appears when: An icon is selected and Use custom icon color is on.
Content source
Controls “Content source” on the storefront. Open the theme editor to preview live. Default: richtext.
Content
Controls “Content” on the storefront. Open the theme editor to preview live. Default: We offer hassle-free returns within 30 days of delivery.
Custom Liquid
Add app snippets or other Liquid code to create advanced customizations. Default: —. This control appears when: content source == 'liquid'.
Open by default
Controls “Open by default” on the storefront. Open the theme editor to preview live. Default: No.
Use global accordion styles
Use accordion trigger and content sizes from Theme settings → Typography. Turn off to set sizes for this block only. Default: Yes.
Trigger size (mobile)
Controls “Trigger size (mobile)” on the storefront. Open the theme editor to preview live. Default: 20. This control appears when: Use global accordion styles is off.
Trigger size (tablet)
Controls “Trigger size (tablet)” on the storefront. Open the theme editor to preview live. Default: 20. This control appears when: Use global accordion styles is off.
Trigger size (desktop)
Controls “Trigger size (desktop)” on the storefront. Open the theme editor to preview live. Default: 20. This control appears when: Use global accordion styles is off.
Use custom trigger text color
Controls “Use custom trigger text color” on the storefront. Open the theme editor to preview live. Default: No.
Trigger text color
Controls “Trigger text color” on the storefront. Open the theme editor to preview live. Default: #111111. This control appears when: use custom trigger text color.
Content size (mobile)
Controls “Content size (mobile)” on the storefront. Open the theme editor to preview live. Default: 16. This control appears when: Use global accordion styles is off.
Content size (tablet)
Controls “Content size (tablet)” on the storefront. Open the theme editor to preview live. Default: 16. This control appears when: Use global accordion styles is off.
Content size (desktop)
Controls “Content size (desktop)” on the storefront. Open the theme editor to preview live. Default: 16. This control appears when: Use global accordion styles is off.
Tips
- Open the theme editor and select this section to preview changes live.
- Use Theme settings for fonts, colors, and buttons that apply store-wide.