Introduction
Bring your content to life with the Flexi Articles Slider — a dynamic, scrollable section designed to showcase blog posts in an engaging, interactive format. Instead of listing articles in a static grid, the Articles Slider lets customers swipe or click through featured content without leaving the page.
In the video above, you’ll learn how to add an articles slider to any Shopify theme using Flexi’s intuitive section settings. Discover how to select blog sources, control slide behavior, and create a mobile-first experience that encourages readers to explore more of your content.
Perfect for homepages, landing pages, or content-driven stores, the Flexi Articles Slider works with any Shopify theme. Whether you’re promoting educational posts, brand stories, or announcements, this section helps surface your content in a visually compelling way.
Setup Instructions
Install the App
Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to unlock access to all Flexi sections, including the Articles Slider.
Install Section
Open the Flexi app and navigate to the sections library. Search for "Articles Slider" and click "Add to Theme" to install it instantly.
Add to Your Store
Go to your Shopify admin → Online Store → Themes → Customize. Click "Add section" and select "Articles Slider" from the available sections.
Set Section Width
In the section settings, choose your preferred layout:
- Full width: Spans the entire page width
- Fixed width: Set a custom maximum width (320px – 1440px)
- Theme width: Use your theme’s default container width
Add Content
Select the blog you want to pull articles from. The Articles Slider automatically displays featured images, titles, excerpts, and links based on your configuration.
You can control how many articles appear per slide and reorder content directly through Shopify’s theme editor.
Customize & Style
Fine-tune your articles slider using Flexi’s built-in settings:
- Control slides per view on desktop and mobile
- Enable or disable arrows, pagination, or auto-play
- Adjust spacing, padding, and card layouts
- Customize typography, colors, and hover effects
Works Seamlessly with Dawn & Horizon
Flexi sections are built for Shopify’s modern theme architecture, which means the Articles Slider works seamlessly with Dawn, Horizon, and all Online Store 2.0 themes.
Dawn Compatibility
Dawn is Shopify’s reference theme, and the Flexi Articles Slider follows the same layout structure, responsive behavior, and performance best practices used throughout Dawn.
This allows the slider to inherit your theme’s typography, buttons, and spacing by default, while still giving you full control through Flexi’s customization settings.
Horizon & Modern Framework Support
Horizon represents Shopify’s next-generation theme framework. The Articles Slider integrates cleanly with Horizon-based themes without overriding global styles or introducing JavaScript conflicts.
Each Flexi section is self-contained and theme-safe, so you can confidently add the Articles Slider to modern Shopify themes without worrying about layout shifts or long-term maintenance issues.
Theme-Safe by Design
Every Flexi section is performance-optimized and scoped to your section instance. This means you can:
- Add or remove the Articles Slider without touching theme code
- Preview changes safely before publishing
- Reuse the same section across multiple themes
- Switch themes without rebuilding your content layout
Whether you’re using Dawn, Horizon, or a fully custom Online Store 2.0 theme, the Flexi Articles Slider adapts automatically — letting you focus on storytelling, content discovery, and engagement.
