Blog post
Overview:
The Main Article section displays a full blog post along with optional author details, comments, and social sharing tools. It provides granular control over layout, styling, and metadata visibility.
Section Configuration:
Banner Settings
Setting |
Description |
| Image |
Sets a background image for the article’s banner area. |
| Parallax Effect |
Applies a parallax scrolling effect to the banner image. |
| Overlay Background |
Adds a gradient or color overlay on top of the image. |
| Caption |
Text displayed above the main heading of the article. |
| Caption Size / Weight |
Adjusts font size and weight for the caption. |
| Heading |
Overrides the default blog article title with custom text. |
| Heading Size / Weight |
Controls font size and weight for the heading. |
| Description |
Displays descriptive text beneath the heading. |
| Description Size / Weight |
Controls font size and weight of the description text. |
Article Metadata Display
Setting |
Description |
| Show Date |
Displays the article's published date. |
| Show Author |
Displays the name of the article author. |
| Show Comments Count |
Shows the number of approved comments on the article. |
Layout & Design
Setting |
Description |
| Container Layout |
Sets the banner’s content layout: Page Width, Contained Content, or Full Width. |
| Corner Radius |
Applies rounding to the banner section’s corners. |
| Banner Height |
Sets the vertical height of the banner area. Options: Small, Medium, Window Height. |
| Text Alignment (Banner) |
Sets text alignment in the banner for desktop and mobile. |
| Color Scheme (Banner) |
Applies a color scheme to the banner’s background and text. |
Breadcrumb Settings
Setting |
Description |
| Show Breadcrumb |
Displays breadcrumb navigation above the article. |
| Show Top Border |
Adds a top border to the breadcrumb container. |
| Show Bottom Border |
Adds a bottom border to the breadcrumb container. |
| Corner Radius |
Rounds corners of the breadcrumb section. |
| Container Layout |
Controls the width of the breadcrumb area. |
| Color Scheme |
Applies a color scheme to breadcrumb background and text. |
Blocks (Content Sections)
Each article page is composed of configurable blocks:
Block |
Description |
| Featured Image |
Displays the article's featured image. The shape can be customized (Adapt, Square, Portrait, Landscape). |
| Tags |
Shows a list of tags associated with the article. |
| Title |
Displays the article title with customizable size and weight. |
| Content |
Outputs the main body of the article content. |
| Custom Liquid |
Allows inserting custom Liquid code or HTML. |
| App Block |
Placeholder for third-party app integrations. |
Bottom Layout Settings
Setting |
Description |
| Container Layout |
Controls the layout of the bottom portion (content, comments, navigation). |
| Corner Radius |
Applies rounding to the lower section’s corners. |
| Text Alignment (Article Body) |
Aligns article content: Left, Center, or Right. |
| Color Scheme |
Sets the color scheme of the bottom container. |
Navigation & Social Sharing
Setting |
Description |
| Enable Pagination |
Enables links to previous and next blog articles. |
| Enable Share |
Adds social sharing icons and a copy link option below the article. |
Feature |
Description |
| Comments Enabled |
Shows the comment list and form if comments are allowed. |
| Comment Form |
Visitors can post comments with name, email, and message fields. |
| Moderation Handling |
Supports displaying a moderation message if comment approval is required. |
| Success/Error Messages |
Displays feedback after comment submission, with error validation. |
Spacing Settings
Setting |
Description |
| Top Padding |
Adds vertical space above the section. |
| Bottom Padding |
Adds vertical space below the section. |