Blog page
Overview:
The Main Blog section provides a customizable layout to display articles from your Shopify blog. It includes options for article grids, captions, and additional article details such as dates, tags, and excerpts.
Section Configuration:
General Settings
| Setting | Description |
|---|---|
| Section Caption | Add a caption to the section. |
| Section Caption Size | Select the caption text size: Extra Large, Large, Medium, or Small. Default: Small. |
| Section Caption Weight | Set the caption's font weight: Bold, Semi-Bold, Medium, or Normal. Default: Medium. |
| Heading | Set the main heading for the section. Pulls from the blog's title by default. |
| Heading Size | Define the heading size: H1, H2, H3, or H4. Default: H3. |
| Heading Weight | Choose the font weight of the heading: Bold, Semi-Bold, Medium, or Normal. Default: Bold. |
| Description | Add a description for the section. |
| Description Size | Select the size of the description text: Extra Large, Large, Medium, or Small. Default: Small. |
| Description Weight | Set the description text's weight: Bold, Semi-Bold, Medium, Normal, or Light. Default: Light. |
Breadcrumb Settings
| Setting | Description |
|---|---|
| Show Breadcrumb | Toggle the display of breadcrumb navigation. Default: Enabled. |
| Show Top Border | Add a top border to the breadcrumb area. Default: Disabled. |
| Show Bottom Border | Add a bottom border to the breadcrumb area. Default: Enabled. |
| Breadcrumb Color Scheme | Choose a color scheme for the breadcrumb navigation. |
Grid Settings
| Setting | Description |
|---|---|
| Number of Columns on Desktop | Set the number of columns in the grid for desktop view. Range: 2 to 4. Default: 3. |
| Number of Rows on Desktop | Set the number of rows in the grid for desktop view. Range: 2 to 6. Default: 4. |
| Number of Columns on Mobile | Choose the number of columns in the grid for mobile view: 1 or 2. Default: 2. |
Blog Card Settings
| Setting | Description |
|---|---|
| Card Media Size | Choose the size of the featured image: Adapt, Square, Portrait, or Landscape. Default: Adapt. |
| Show Featured Image | Toggle the display of featured images for blog articles. Default: Enabled. |
| Show Tags | Display tags associated with the articles. Default: Enabled. |
| Show Date | Show the publication date for each article. Default: Enabled. |
| Show Author | Display the author's name for each article. Default: Enabled. |
| Show Excerpt | Display a short excerpt from each article. Default: Enabled. |
| Show Comments Count | Show the number of comments on each article. Default: Enabled. |
Layout Settings
| Setting | Description |
|---|---|
| Color Scheme | Choose a color scheme for the section. Default: Scheme 1. |
Spacing Settings
| Setting | Description |
|---|---|
| Top Padding | Adjust the top padding for the section. Range: 0px to 100px. Default: 60px. |
| Bottom Padding | Adjust the bottom padding for the section. Range: 0px to 100px. Default: 60px. |