Blogs
The Blog section is designed to display a collection of blog posts in a visually appealing layout. This section allows merchants to control layout styling, display metadata (like author, date, tags), adjust the image presentation, and apply custom colors or gradients.
Section settings
Default blog image
image_picker
Sets a fallback image when a blog post lacks a featured image.
Image replacement color
select
Background color used when a post image is missing: Accent color, Default color, or None.
Blog style
select
Determines layout style: Standard or Photo background.
Posts per row
range
Number of posts shown per row on desktop.
Image aspect ratio
range
Controls image shape (0.5:1 to 1.5:1).
Show RSS icon
checkbox
Toggles visibility of an RSS feed icon.
Show date
checkbox
Displays the publish date of blog posts.
Show author
checkbox
Displays the author's name.
Show tags
checkbox
Toggles the visibility of post tags.
Show comment count
checkbox
Shows number of comments per post.
Tag alignment
select
Positions tags: Left or Center aligned.
Colors
Background
color
Sets the background color of the section.
Overlay gradient
color_background
Adds a gradient overlay to enhance background visuals.
Section spacing
Padding top
range
Top spacing of the section.
Padding bottom
range
Bottom spacing of the section.
Layout and Articles
Controls to customize the layout of your blog index page, and you can adjust the image aspect ratio with the range slider.
Tip: use show tags to display the navigation tabs which allows readers to filter though your articles
Tips and Usage
To maintain design consistency, use the same aspect ratio across all posts.
Use the Photo background style for more visual impact on image-heavy blogs.
If no image is available, consider setting a Default blog image or using an Image replacement color to preserve the layout structure.
Enable the RSS icon if you want to allow users to subscribe to blog updates.
Last updated