Blog Posts Slider Showcase Your Best Shopify Content

Display selected Shopify blog posts in a clean slider with custom images, titles, content previews, and author details to help visitors discover useful content.

  • check-icon Shopify Ready
  • check-icon Responsive Design
  • check-icon Blog Content Slider
Featured article preview
Guide post preview
vector
vector

Key Features: Everything You Need for Blog Content

Showcase selected blog posts with custom content, images, author details, navigation controls, background media, typography, colors, and responsive layouts.

Shopify Blog Post Selection

Shopify Blog Post Selection

Select individual Shopify blog posts directly from the theme editor for each slider item.

Custom Blog Post Image

Custom Blog Post Image

Add a custom image to each post or automatically use the selected blog post image when available.

Custom Post Title

Custom Post Title

Replace the original blog title with custom text to better match your store layout and content style.

Custom Post Content

Custom Post Content

Add custom rich text to control the content preview displayed inside each blog post slide.

Author Information

Author Information

Show an author image, name, and designation to give each featured blog post clear author details.

Previous & Next Navigation

Previous & Next Navigation

Let visitors move between multiple blog posts using simple Previous and Next slider controls.

Typography Controls

Typography Controls

Adjust font sizes for blog titles, content, author details, and navigation labels to match your theme.

Responsive Blog Layout

Responsive Blog Layout

The slider adapts to smaller screens with a mobile-friendly layout for easier reading and browsing.

Blog Posts Slider Settings & Options

Control blog content, background media, layout, typography, colors, navigation, spacing, and section width from one place.

Section Settings

Section Settings

Applies to the whole section

Add an image behind the blog slider.

Image

Add a Shopify-hosted video as the background.

Video

Choose where the blog post image appears.

Image Position

Set the navigation controls on the left or right side.

Navigation Position

Limit the amount of content shown in each post.

Maximum Words

Set the rounded corners of the main content container.

Container Radius

Set the rounded corners of blog post images.

Image Radius

Set the blog post title font size.

Title Font Size

Set the blog content font size.

Content Font Size

Set the author name and designation font sizes.

Author Font Size

Customize the blog title, content, and author colors.

Text Colors

Customize the navigation text color and size.

Navigation Styling

Set the top and bottom spacing for desktop and mobile.

Section Padding

Set the maximum width of the blog slider.

Section Width
Block Settings

Block Settings

Applies to each blog post

Select the Shopify article to display.

Blog Post

Add a custom image for the blog post.

Image

Set a custom title for the selected article.

Title

Add custom rich text for the post preview.

Content

Add an author profile image.

Author Image

Enter the author's name.

Author Name

Enter the author's role or designation.

Designation

Where This Section Can Be Used

Use selected blog posts across key Shopify store pages to share useful information, support product discovery, introduce your brand, and encourage visitors to explore more content.

  • Home Page
  • Collection Page
  • Product Page
  • Landing Page
Home Page

Showcase Featured Blog Content on Your Homepage

Feature selected articles on your homepage to introduce your brand, share useful guides, highlight announcements, and give visitors more content to explore.

check-iconHighlight important blog posts near key homepage content

check-iconIntroduce visitors to your brand through useful articles

check-iconPromote guides related to your products or collections

check-iconGive shoppers another way to explore your store

check-iconKeep selected articles easy to discover

Collection Page

Connect Helpful Articles With Product Collections

Show relevant blog posts alongside collections to provide shoppers with buying guides, product tips, inspiration, or other content related to the products they are viewing.

check-iconAdd useful guides to relevant product collections

check-iconSupport shoppers with helpful buying information

check-iconConnect blog content with specific collection themes

check-iconProvide product inspiration while visitors browse

check-iconEncourage visitors to explore related store content

Product Page

Add Helpful Blog Content to Product Pages

Feature related blog posts on product pages to share tutorials, product guides, care information, usage tips, or other content that supports the shopper's research.

check-iconProvide additional information around products

check-iconShare useful tutorials and product guides

check-iconSupport customers during product research

check-iconHighlight related educational content

check-iconConnect products with relevant blog articles

Landing Page

Add Supporting Content to Landing Pages

Use selected blog posts on landing pages to support campaigns, launches, promotions, educational content, or brand stories without adding a long list of articles.

check-iconSupport campaign messaging with relevant articles

check-iconAdd useful information below the main landing content

check-iconShare stories related to a product or promotion

check-iconGive visitors more content to explore

check-iconExtend the landing page experience

Bring Your Best Blog Content Into Your Store

Feature selected Shopify articles in a compact slider that keeps useful content visible while visitors browse your homepage, collections, products, or landing pages.

Blog Posts Slider section

Make Blog Content Easier to Discover

Show blog images, titles, content previews, and author details together in a responsive slider that fits naturally into your Shopify storefront.

check-iconShowcase multiple blog posts in one compact section

check-iconConnect useful articles with important store pages

check-iconAdd custom images and titles to featured posts

check-iconControl the amount of content shown in previews

check-iconDisplay clear author information with each article

check-iconCustomize typography and colors to match your theme

check-iconUse simple Previous and Next navigation

check-iconKeep blog content easy to browse on mobile

Do this, skip that.

DO

  • do Choose blog posts that match the page where they appear
  • do Use clear and relevant images for each featured article
  • do Keep custom blog titles short and easy to scan
  • do Use useful content previews that encourage further reading
  • do Add accurate author names and designations

DON'T

  • don't Add unrelated articles just to fill the slider
  • don't Use blurry, stretched, or low-quality blog images
  • don't Make custom titles too long for the available space
  • don't Show unnecessary amounts of article content
  • don't Add incorrect or inconsistent author information

Frequently Asked Questions

Can I select specific blog posts for the slider?

Yes. Each Blog Post block lets you select a Shopify article directly from the theme editor.

Can I add multiple blog posts to the slider?

Yes. Add multiple Blog Post blocks and select a different Shopify article for each slider item.

Can I use custom images for blog posts?

Yes. Add a custom image to a block. If no image is added, the selected blog post image is used when available.

Can I change the title displayed for a blog post?

Yes. You can add a custom title in the block settings instead of using the original article title.

Can I customize the blog post content?

Yes. The Content setting lets you add custom rich text for the content displayed inside the slider.

Can I show author information?

Yes. Each blog post block supports an author image, name, and designation.

Can I change the position of the blog image?

Yes. The Image Position setting lets you place the blog post image on the left or right side of the content.

Is the blog slider responsive?

Yes. The layout automatically adjusts for smaller screens to provide a better mobile browsing experience.

Help Center

support e-mail

We're Here to Help: We believe in providing exceptional customer support!

For Support or any Questions Email Us: [email protected]

Ready When You Are: Showcase Your Best Shopify Content

Install SectionHub and add the Blog Posts Slider section to your theme in minutes - no coding required.