Adding a Product Slider in Shopify (Easy Tutorial)

Brandon Landgraff


Build a Product Slider Section with Flexi

Transform your product showcase with the Flexi Product Slider, a dynamic, customizable section that brings your products to life. Whether you are featuring bestsellers, new arrivals, or curated collections, this slider adapts to your brand’s style while delivering smooth, professional performance.

In the video above, you will see how to build product sliders using Flexi’s block system, customize layouts, control slider behavior, and create mobile optimized experiences that drive conversions. The modular approach gives you complete design freedom with no code required.

Perfect for homepages, collection pages, or anywhere you want to highlight multiple products, the Flexi Product Slider integrates seamlessly with any Shopify theme. From minimalist layouts to bold, branded experiences, you have the tools to create exactly what your store needs.

Why Use the Flexi Product Slider

  • Modular Design System: Build the product display you envision with a flexible block based system. Mix and match product groups, customize individual cards, and create unique layouts that stand out.
  • Zero Coding Required: Customize everything in Shopify’s Theme Customizer. Adjust colors, spacing, typography, and slider behavior with simple controls.
  • Performance Optimized: Built on a lightweight slider library that loads fast and runs smoothly for better customer experience and improved SEO.
  • Theme Compatibility: Works with any Shopify theme, including Dawn and Horizon. Fully responsive across desktop, tablet, and mobile.
  • Conversion Focused: Encourage product discovery with smooth scrolling and intuitive navigation to increase engagement and sales.
  • Easy Maintenance: Add products, update pricing, or tweak styling directly in the Shopify admin.

Setup Instructions

  1. Install the App
    Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to access all features.
  2. Install the Section
    Open the Flexi app, go to the Sections Library, search for “Product Slider,” and click Add to Theme.
  3. Add to Your Store
    In Shopify admin, go to Online Store → Themes → Customize, click Add section, and select Product Slider.
  4. Set Section Width
    Choose a layout option:
    • Full width: Spans the entire page width
    • Fixed width: Set a custom maximum width from 320px to 1440px
    • Theme width: Uses your theme’s default container width
  5. Add Content
    Click Add block to add product groups. Each group can include multiple products with customizable titles, prices, images, and buttons.
  6. Customize and Style
    Fine tune your slider with:
    • Background colors or background images
    • Spacing and padding controls
    • Slider behavior such as auto play, loop, and arrows
    • Typography and color options
Back to Resources