Default page
The Main Page section is used to display standard page content. It supports structured blocks for the page title and page content, and can optionally wrap content inside a width-limited group. You can also control container width, alignment, color scheme, and responsive spacing.
Section Configuration
Layout
| Setting |
Description |
| Container layout |
Controls how the page content area is sized: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) |
Sets the maximum content width on desktop as a percentage (50%–100%). |
| Text alignment (Desktop) |
Controls text alignment on desktop (left, center, right). |
| Text alignment (Mobile) |
Controls text alignment on mobile (left, center, right). |
| Color scheme |
Applies a theme color scheme to the section styling. |
Inner padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the page content inside the section on desktop. |
| Bottom (Desktop) |
Adds space below the page content inside the section on desktop. |
| Left (Desktop) |
Adds space to the left of the page content inside the section on desktop. |
| Right (Desktop) |
Adds space to the right of the page content inside the section on desktop. |
| Top (Mobile) |
Adds space above the page content inside the section on mobile. |
| Bottom (Mobile) |
Adds space below the page content inside the section on mobile. |
| Left (Mobile) |
Adds space to the left of the page content inside the section on mobile. |
| Right (Mobile) |
Adds space to the right of the page content inside the section on mobile. |
Outer padding
| Setting |
Description |
| Top (Desktop) |
Adds space above the section on desktop. |
| Bottom (Desktop) |
Adds space below the section on desktop. |
| Left (Desktop) |
Adds space on the left side of the section on desktop. |
| Right (Desktop) |
Adds space on the right side of the section on desktop. |
| Top (Mobile) |
Adds space above the section on mobile. |
| Bottom (Mobile) |
Adds space below the section on mobile. |
| Left (Mobile) |
Adds space on the left side of the section on mobile. |
| Right (Mobile) |
Adds space on the right side of the section on mobile. |
Blocks Configuration
Available blocks
| Block type |
Description |
| Width group |
Wraps selected page blocks in a width-limited container to improve readability. |
| Page title |
Displays the page title. |
| Page content |
Displays the main page content from the page editor. |
Theme block (@theme ) |
Allows theme-provided blocks to be added to this section (based on what your theme supports). |
App block (@app ) |
Allows compatible Shopify apps to add app blocks to this section. |