Page
Section class: page
Supported blocks
_sidebar
Settings
| Setting | ID | Type | Default | Description |
|---|---|---|---|---|
| Full width | full_width | checkbox | false | |
| Main section class | class | text | py-3 md:py-5 | Tailwind utilities for this section. Space separated, e.g. mt-2 mb-4 px-6. Spacing scale: 0-10 plus 15 and 20 (1 = 0.25rem = 4px); responsive with md: / lg:, e.g. lg:px-20 lg:mt-10. |
| Position | breadcrumbs | select | above | |
| Link color | breadcrumbs_color | select | secondary | |
| Custom text color | breadcrumbs_link_color | color | #111827 | Only used when Link color is Custom. |
| Alignment | breadcrumbs_align | text_alignment | center |
Option values
- Position (
breadcrumbs): Above top banner (above), Above page title (above-title), Below banner text (below-text), Below top banner (below), Hide (hide) - Link color (
breadcrumbs_color): Primary (primary), Secondary (secondary), Success (success), Warning (warning), Danger (danger), Base text (base-text), Heading text (heading-text), Black (black), White (white), Gray 100 (gray-100), Gray 200 (gray-200), Gray 300 (gray-300), Gray 400 (gray-400), Gray 500 (gray-500), Gray 600 (gray-600), Gray 700 (gray-700), Gray 800 (gray-800), Gray 900 (gray-900), Random (random), Custom (custom)
💡 Edit via Shopify Admin → Online Store → Themes → Customize.