Blog posts

The Blog posts section showcases a list of featured blog posts from a selected blog on your store.

With flexible layout options, this section allows you to display posts in a Grid format, enhancing the visual appeal and accessibility of your blog content. It’s perfect for promoting recent articles, brand stories, or updates directly on the homepage or other store pages, helping drive traffic to your blog.

1, How to add section in theme editor:

1

In your theme editor (Customize), scroll to the bottom of the template and select Add section.

2

In the list, locate and select Blog posts section. The section will now be added to your page, ready for customization.

2, Section settings

The Section settings allow you to select the blog, adjust layout, image ratio, and control the display of posts.

• Blog: Choose the blog that contains the blog posts you want to feature.

• Image ratio: Adjust the image ratio of the blog post images: Adapt to image: Keeps the original aspect ratio of the image; Square: Displays images in a 1:1 square ratio; Portrait: Displays images in a 3:4 vertical ratio; Landscape: Displays images in a 4:3 horizontal ratio.

• Maximum blog posts to show: Set the maximum number of blog posts to display, with options from 2 to 8 posts.

• Number of columns on desktop: Adjust the number of posts displayed per row on desktop. Options include: 1 column, 2 columns and 3 columns.

• Secodary background: Choose how the Color scheme is applied in the section:

  • None: Applies the color scheme to both the column and section background.

  • Show as column background: Applies the color scheme only to the columns.

• Enable "View all" button: Enable this setting to display a "View all" button when there are more blog posts than the specified Maximum blog posts to show. The "View all" button links to the main blog page, allowing users to browse the full list of posts.

• Mobile layout: Optimize the section’s layout for mobile devices:

  • Enable swipe on mobile: If enabled, this setting changes the layout to a carousel format when the number of blog posts exceeds one row, allowing users to swipe through posts horizontally. If this setting is disabled, the section will remain in a grid format on mobile.