Blogs
Blog List Page
The blog list page is composed of two main sections:
- Blog List Header – highlights a featured article and introductory content.
- Blog Posts – displays the list of blog articles.
Blog List Header – General Settings
These settings control the featured article and overall spacing of the blog list header section.
Featured Article Mode
Select how the featured article is determined.
Available options:
- Latest Article – Automatically displays the most recent blog post.
- Custom Article – Displays a specific article selected by handle.
Custom Article Handle
Defines the exact article to feature when Custom Article Mode is selected.
Enter the article handle found in:
Online Store → Blog posts → Article → Search engine listing preview → URL handle
Example:
/blogs/news/my-article
Use only the last part (my-article ).
If left empty or set to no-article-selected , the latest article will be shown instead.
Show Read Time
Displays the estimated reading time for the featured article.
This option applies only to the featured article.
Section Padding – Top
Controls the spacing above the Blog List Header section.
Section Padding – Bottom
Controls the spacing below the Blog List Header section.
Custom CSS
Allows custom CSS rules to be applied only to the Blog List Header section.
Use this for advanced layout or style adjustments without affecting other sections.
Blog Posts – General Settings
These settings control how blog articles are displayed in the blog list.
Desktop Layout
Defines the layout style for blog post cards on desktop devices.
Available options:
- Grid – Displays posts in a structured grid layout.
- Collage – Displays posts in a more editorial, mixed-size layout.
Posts are automatically stacked on mobile devices.
Show Featured Image
Shows or hides the featured image for each blog post card.
Featured Image Height
Controls the height of the featured images..
Show Date
Displays the publication date on blog post cards.
Show Author
Displays the author name for each blog post.
Show “All” and Category Filters
Displays an “All” button and category filters dynamically at the top of the blog list.
This allows visitors to filter blog posts by category.
Section Padding – Top
Controls the spacing above the blog posts section.
Section Padding – Bottom
Controls the spacing below the blog posts section.
Theme Settings
Uses global theme settings for typography, colors, and card styling.
This ensures consistency with other sections across the site.
Custom CSS
Allows custom CSS rules to be applied only to the Blog Posts section.
Ideal for fine-tuning card spacing, typography, or layout behavior.