How to add a category slider to any Shopify theme
Share
Introduction
Make it easier for customers to explore your store with the Flexi Category Slider — a dynamic, scrollable section designed to showcase product categories in an engaging, visual format. Instead of relying on menus or static links, the Category Slider lets shoppers swipe or click through collections directly on the page.
In the video above, you’ll learn how to add a category slider to any Shopify theme using Flexi’s intuitive block system. Discover how to feature collections, control slider behavior, and create a mobile-first navigation experience that encourages discovery.
Perfect for homepages, collection landing pages, and promotional layouts, the Flexi Category Slider integrates seamlessly with any Shopify theme. Whether your brand is minimal or image-driven, this section helps guide customers to the right products faster.
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 Category Slider.
Install Section
Open the Flexi app and navigate to the sections library. Search for "Category 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 "Category 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
Click "Add block" to add category slides. Each slide can link to a collection and display a featured image, title, and optional supporting text.
You can showcase your top categories, seasonal collections, or curated groupings and reorder them easily using Shopify’s drag-and-drop editor.
Customize & Style
Fine-tune your category slider using Flexi’s built-in settings:
- Control slides per view on desktop and mobile
- Enable or disable arrows, pagination, and auto-play
- Adjust image ratios, spacing, and alignment
- Customize typography and colors to match your brand
Works Seamlessly with Dawn & Horizon
Flexi sections are built for Shopify’s modern theme architecture, which means the Category Slider works seamlessly with Dawn, Horizon, and all Online Store 2.0 themes.
Dawn Compatibility
Dawn is Shopify’s reference theme, and the Flexi Category Slider follows the same responsive layout patterns and spacing conventions used throughout Dawn.
This allows the slider to inherit your theme’s typography, buttons, and grid behavior by default, while still giving you full control over layout and presentation.
Horizon & Modern Framework Support
Horizon represents Shopify’s next-generation theme framework. The Category Slider integrates cleanly with Horizon-based themes without overriding global styles or introducing JavaScript conflicts.
Each Flexi section is self-contained and theme-safe, making it ideal for modern and highly customized storefronts.
Theme-Safe by Design
Every Flexi section is scoped, isolated, and performance-optimized. This means you can:
- Add or remove the Category Slider without touching theme code
- Preview changes safely before publishing
- Reuse the same section across multiple themes
- Switch themes without rebuilding your category navigation
Whether you're using Dawn, Horizon, or a fully custom Online Store 2.0 theme, the Flexi Category Slider adapts automatically — helping customers discover products faster and improving overall store navigation.