Footer
How to use the Footer section in the Meditative Folks Theme.
Footer
At a glance
The Footer appears at the bottom of every page. Add menus, brand details, payment icons, and newsletter signup with theme blocks.
Where to find it
-
Theme editor path: Online Store → Customize → select the relevant page → Footer
-
Section group: This section is part of
footer-group.json. -
Add to a page: Add via Add section → category Footer.
Screenshot needed
Footer in the theme editor
Screenshot of the Footer section in the theme editor left sidebar. Show the settings panel and the live preview so merchants can match labels to what they see.
Settings
Top edge
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Edge style | Replaces a flat top border with a shaped edge. Disable the separator when using a top edge. | none | Always |
| Edge height | Controls “Edge height” on the storefront. Open the theme editor to preview live. | 48 | Edge style is not None |
| Flip horizontally | Controls “Flip horizontally” on the storefront. Open the theme editor to preview live. | No | Edge style is a wave or curve (not None or Angle) |
Separator settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show separator | Shows a divider line on this section. | No | Always |
| Use global separator color | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | show separator |
| Separator color | Controls the divider line: separator color. | #dcdcdc | show separator and Use global separator color is off |
| Separator thickness | Controls the divider line: separator thickness. | 1 | show separator |
| Top spacing | Change margin above the separator | 16 | show separator |
| Bottom spacing | Change margin below the separator | 16 | show separator |
Layout settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Padding top | Adds empty space (padding top) around the section content. | 0 | Always |
| Padding bottom | Adds empty space (padding bottom) around the section content. | 0 | Always |
Color Scheme
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Color scheme | Applies a color scheme from Theme settings → Colors. | scheme-1 | Always |
Blocks
The Footer uses theme blocks — menus, brand details, payment icons, newsletter signup, and currency switcher. Add and reorder them in the theme editor.
See Blocks for brand and layout blocks.
Setting details
Each control from the tables above, explained simply:
Edge style
Replaces a flat top border with a shaped edge. Disable the separator when using a top edge. Default: none.
Edge height
Controls “Edge height” on the storefront. Open the theme editor to preview live. Default: 48. This control appears when: Edge style is not None.
Flip horizontally
Controls “Flip horizontally” on the storefront. Open the theme editor to preview live. Default: No. This control appears when: Edge style is a wave or curve (not None or Angle).
Show separator
Shows a divider line on this section. Default: No.
Use global separator color
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Show separator is on.
Separator color
Controls the divider line: separator color. Default: #dcdcdc. This control appears when: Show separator is on and Use global separator color is off.
Separator thickness
Controls the divider line: separator thickness. Default: 1. This control appears when: Show separator is on.
Top spacing
Change margin above the separator Default: 16. This control appears when: Show separator is on.
Bottom spacing
Change margin below the separator Default: 16. This control appears when: Show separator is on.
Padding top
Adds empty space (padding top) around the section content. Default: 0.
Padding bottom
Adds empty space (padding bottom) around the section content. Default: 0.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Tips
- Update logo, social links, and contact details in Theme settings → Brand assets so footer brand blocks stay in sync.
- If you use a shaped top edge, turn Show separator off so the edge is not doubled.