Blog posts

The section allows you to showcase articles from your store’s blog directly on a page.

It’s an ideal tool for sharing stories, updates, guides, or editorial content that helps build your brand’s personality and engage customers beyond products alone.

This section can feature recent or selected blog posts, each displaying the featured image, title, publication date, and short excerpt. By linking to full articles, it encourages visitors to explore more of your content and spend additional time on your site.

On the storefront, the Blog Posts section enhances storytelling by adding depth and authenticity — whether you’re highlighting behind-the-scenes stories, sharing styling tips, or publishing educational content related to your products.

Overall, the Blog Posts section helps create a stronger connection with your audience, supports SEO, and adds dynamic, regularly updated content to your store.

Location: Sections -> Templates -> Storytelling: Blog posts

---

Blog posts – Options Overview

Option	Values / Description
Blog
Heading	The main title of the section, displayed above the blog posts.
Subheading	Adds a smaller line of text above or below the heading for context.
Heading	Defines the main heading text shown in the section.
Blog posts	Select which blog or article group to display in this section.
Description	Adds additional descriptive text about the displayed blog content.
Heading alignment	Left, Center – Adjusts the alignment of the heading and description text.
Secondary button
Secondary button name	Sets the label of the secondary button displayed below the posts.
Show All	Displays a button linking to all blog posts in the selected blog.
Layout
Top spacing	None, Small, Medium, Normal – Adjusts the space above the section.
Width	Default, Boxed, Wide – Controls how wide the section is displayed. The Wide option applies to screens 1440px and larger.
Number of columns	Choose between 2–8 columns for displaying blog posts on desktop.
Number of columns on tablet	Choose between 2–4 columns for tablet display.
Image hover effect	Adds motion or animation to post images on hover.
Basic theme settings	Disable, Zoom in #1, Zoom in and rotate, Zoom in #2, Zoom out #1, Zoom out #2, Slide, Shine – Defines the animation style when hovering over a post image.
Image ratio	Auto, Portrait (3:4), Landscape (4:3), Square (1:1), Round (1:1), Social story (9:16), Widescreen (16:9) – Sets the shape and proportions of post images.
Posts
Blog posts	Selects the posts displayed in this section.
Alignment	Left, Center – Defines text alignment for post titles and descriptions.
Heading size	Large, Medium, Small – Sets the size of the post title.
Show featured image	Displays or hides the featured image for each post.
Truncate post heading	Limits the post title length for uniform appearance.
Underline on hover	Adds an underline effect to post headings when hovered.
Show tags	Displays the tags assigned to each post.
Show date	Shows the publication date under each post.
Show author	Displays the author’s name.
Show button	Adds a “Read more” or similar button below the post excerpt.
Show comment count	Displays the number of comments per post.
Excerpt	Hide, Show, Show truncated content – Controls whether and how the post excerpt appears.
Slider settings
Enable slider	Activates a horizontal slider for scrolling through blog posts.
Dividing line
Show	Displays a line divider for visual separation above or below the section.
Background
Background	Hide, Color, Gradient, Image – Defines the section background type.
Colors
Base	Sets the main color scheme of the section.
Accent	Defines highlight colors used for active or interactive elements.
Lines	Sets the color for borders or dividing lines.
Post
Heading	Defines the default color of post titles.
Heading hover	Sets the color of post titles when hovered.
Description	Defines the color of post excerpts or summaries.
Button
Show background	Toggles background visibility for the button.
Background	Sets the main background color of the button.
Background gradient	Applies a gradient to the button background.
Border	Sets the border color of the button.
Text	Defines the button text color.
Show background on hover	Enables a hover background for the button.
Background hover	Sets the background color when hovered.
Background gradient hover	Applies a gradient background when hovered.
Border hover	Sets the border color on hover.
Text hover	Defines the button text color on hover.
Enable shadow	Adds a shadow effect to the button.
Shadow	Sets the default button shadow style.
Shadow hover	Defines how the shadow appears when hovered.
Secondary button
Show background	Enables a background color for the secondary button.
Background	Sets the default background color.
Background gradient	Adds a gradient background to the secondary button.
Border	Defines the secondary button border color.
Text	Sets the text color of the secondary button.
Show background on hover	Enables a hover effect on background color.
Background hover	Defines the hover background color.
Background gradient hover	Adds a hover gradient background.
Border hover	Defines the hover border color.
Text hover	Sets the text color on hover.
Enable shadow	Adds a shadow effect to the secondary button.
Shadow	Defines the shadow style.
Shadow hover	Controls the shadow effect when hovered.
Media button
Slider arrows	Enables or disables navigation arrows for the slider.
Slider dots	Enables or disables navigation dots below the slider.