Blog posts

Overview

The Blog posts section offers a streamlined way to highlight articles from your store’s blog. With its dynamic display options and customizable layouts, this section brings timely updates and editorial content front and center. You can showcase updates, feature campaigns, or display niche topics while adapting easily to your site’s style and user needs.

⚠️ Important: Featuring your latest articles in the Blog posts section keeps visitors engaged and encourages deeper site exploration.

Key components and functionality

Dynamic content

These settings let you define which blog posts are shown and how they appear. Using filters and display controls helps you curate what is most relevant to your audience.

1. Select the blog source for your articles, making it easy to focus on a specific set of content.

2. Enter a tag to filter posts for a campaign, topic, or event.

3. Choose the number of items to display, from 0 to 50.

   1. Default: 0 (setting to zero can hide content)

4. Define how posts are sorted:

   1. By title

   2. By date published

5. Choose sort order:

   1. Ascending

   2. Descending

💡 Tip: Tag filters help you surface content for special events, launches, or themed collections instantly.

Layout

Layout controls determine how your content is arranged and displayed across different devices. Adjust these to ensure your blog posts are always easy to read and beautifully presented.

1. Set the desktop column count (1–12).

   1. Default: 4

2. Set the tablet column count (0–8).

   1. Default: 0 (section auto-adjusts or inherits)

3. Set the mobile column count (1–4).

   1. Default: 2

4. Select desktop layout:

   1. Grid

   2. Slideshow

5. Select tablet layout:

   1. Grid

   2. Slideshow

6. Select mobile layout:

   1. Grid

   2. Slideshow

📝 Note: Responsive layouts help maintain a smooth experience for users on every device.

Slideshow

Slideshow settings control the animation and navigation experience when displaying posts in slider mode. These options add visual energy and usability to your section.

1. Choose animation style:

   1. Default

   2. Fade

      1. Default: default

2. Set animation speed (0.1–5 seconds).

   1. Default: 0.8

3. Set autoplay delay between slides (0–10 seconds).

   1. Default: 4

4. Enable or disable autoplay.

   1. Default: false

5. Enable or disable looping.

   1. Default: false

6. Select pagination style:

   1. Dynamic

   2. Fraction

   3. Progress bar

   4. Scrollbar

7. Show or hide navigation arrows.

   1. Default: true

8. Show or hide pagination.

📝 Note: Balance animation with accessibility — combine clear navigation and readable speeds for the best results.

Supported block types

The Blog posts section offers the Blog post block type. This gives you the ability to add or feature individual articles, hand-picking specific posts to complement your curated feed. You can combine dynamic settings with hand-curated content for maximum impact.

💡 Tip: Use a mix of dynamic filtering and custom blocks to create a rich, engaging editorial showcase.

Usage notes

1. Adjust column counts for desktop, tablet, and mobile for a responsive and consistent design.

2. Set the number of blog posts for a balanced section that loads quickly.

3. Apply tag filters for curated collections or marketing campaigns.

4. Test all navigation, pagination, and interactive features to support accessibility for all users.

5. Match animation speed and effects to your content’s tone—fast transitions for quick news, slower pace for in-depth features.

6. Prioritize accessibility through proper structure and keyboard navigation support.

⚠️ Important: With its blend of dynamic and manual controls, the Blog posts section helps you deliver timely content in a visually inviting and accessible format.