Multipurpose theme documentation
Multipurpose Fashion Theme
Sections Utility
Multipurpose Fashion Theme
Theme: Multipurpose Fashion Theme
Help Center > Sections & Blocks > Utility Sections
Overview
Utility sections provide supplementary elements: promotional bars, visual dividers, and maps. They support the main content and improve navigation or trust. This theme includes Header promo, Header divider, and Map. (Announcement bar is documented under Header.) This guide is for merchants, prospective merchants, and theme reviewers.
Sections in This Category
| Section | Description | Documentation |
|---|---|---|
| Header promo | Promotional bar (heading, text, link) | Header Promo |
| Header divider | Horizontal divider line | Header Divider |
| Map | Map with address and optional overlay card | Map |
📷 Image placeholder: Add a screenshot of Header promo and Map sections.
Header Promo
A compact promotional bar. Use for announcements, free shipping, or quick CTAs. Typically placed near the header or between sections.
Section settings
| Setting | Description |
|---|---|
| Heading | Main text |
| Text | Subtext or description |
| Link | URL for entire bar |
| Link text | Optional button text |
| Color scheme | Background and text |
Placement
- Add in the theme layout or on specific templates.
- Often used below the announcement bar or above the main content.
- Keep text short for mobile.
Header Divider
A simple horizontal line. Use to separate sections visually.
Section settings
| Setting | Description |
|---|---|
| Color | Divider line color |
Minimal configuration; purely visual.
Map
Displays a map with your store location. Optionally shows an overlay card with address and hours.
Section settings
| Setting | Description |
|---|---|
| Heading | Section title |
| Subheading | Optional subtitle |
| Address | Address text |
| Address hours | Opening hours or extra info |
| Map embed URL | Google Maps embed URL |
| Google API key | For Google Maps JavaScript API (if required) |
| Mapbox token | For Mapbox (alternative to Google) |
| Map address | Address for geocoding |
| Map height | Section height |
| Zoom level | Map zoom (1-20) |
| Map style | Map appearance |
| Section width | Full, boxed |
| Show overlay card | Address card on map |
| Enable scroll zoom | Scroll to zoom |
Setup
- Get map embed URL or API key:
- Google Maps: Create embed from Google Maps;
paste iframe
srcor use API. - Mapbox: Sign up, get token, add to settings.
- Google Maps: Create embed from Google Maps;
paste iframe
- Enter your address for geocoding (if theme uses it).
- Optionally add address text and hours for overlay card.
- Save.
Requirements
- Some map providers require an API key (Google) or token (Mapbox).
- Embed URLs may have usage limits; check provider terms.
📷 Image placeholder: Add a screenshot of Map section with overlay card.
For merchants
- Header promo: use for time-sensitive offers; avoid cluttering with too many promos.
- Map: add if you have a physical location; ensure address and hours are accurate.
- Header divider: use sparingly for visual separation.