Default page
Overview:
The Main Page section is designed to display Shopify page content in a clean and structured layout with customizable typography, breadcrumb navigation, responsive alignment, color schemes, and spacing controls. This section is ideal for displaying static pages such as About Us, Contact, Privacy Policy, Terms & Conditions, or custom informational content.
Section Configuration
Heading Settings:
| Setting | Description |
|---|---|
| Heading Size | Controls page heading size such as H1–H6, Large, Medium, or Small. |
| Heading Weight | Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Heading Case | Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Heading Font Family | Allows switching between Default and Body font family styles. |
| Heading Color Style | Applies predefined color styling to page heading text. |
Breadcrumb Settings:
| Setting | Description |
|---|---|
| Show Breadcrumb | Displays breadcrumb navigation for easier page navigation. |
| Breadcrumb Color Scheme | Applies a predefined color palette to breadcrumb navigation. |
Layout:
| Setting | Description |
|---|---|
| Container Layout | Determines whether the section uses Contained, Contained Content, or Full Width layout. |
| Container Width | Controls the maximum width of the section container on desktop devices. |
| Text Alignment (Desktop) | Sets content alignment on desktop devices (Left, Center, or Right). |
| Text Alignment (Mobile) | Sets content alignment on mobile devices (Left, Center, or Right). |
Content Display:
| Setting | Description |
|---|---|
| Page Content | Automatically displays content added inside the Shopify page editor. |
Color Scheme:
| Setting | Description |
|---|---|
| Section Color Scheme | Applies a predefined color palette to the Main Page section background and content. |