Why Us Slider

The Why Us Slider section creates a flexible grid layout perfect for showcasing features, benefits, or "Why Choose Us" content in a clean, organized way that displays multiple items side-by-side on desktop and stacks or scrolls beautifully on mobile. You can customize the number of columns displayed at each breakpoint (2-6 columns on desktop, 1-3 on tablet, 1-3 on mobile), giving you complete control over how your content is organized, and you have the option to enable an optional mobile slider that transforms the grid into a swipeable, draggable carousel on smaller screens for a more interactive mobile experience. Each column can contain any combination of content blocks—headings, descriptions, icons, images, buttons, or any other blocks you want—allowing you to create rich feature cards, benefit highlights, value propositions, or any other content that needs to be displayed in a multi-column layout. The section supports customizable gaps between items, item alignment (top, center, or bottom on desktop), and when the mobile slider is enabled, you can control the number of slides visible on tablet and mobile, enable looping, and allow drag-to-scroll functionality. You can also customize the background colors, spacing, padding, and section width to match your theme perfectly, making it ideal for adding a professional features section, benefits grid, or "Why Choose Us" showcase to any page, whether you're building a homepage, product page, about page, or any other section where you want to highlight multiple key points or benefits. The section is fully customizable through the Shopify Theme Customizer and works seamlessly with any Shopify 2.0 theme like Dawn or Horizon, giving you an easy way to create polished, responsive content grids without writing a single line of code.

Setup Instructions

1

Install the App

Visit the Shopify App Store and install Flexi Slider Sections. Start your free trial to access all features and sections.

2

Install Section

Open the Flexi app and navigate to the sections library. Search for "Why Us Slider" and click "Add to Theme" to install it instantly.

3

Add to Your Store

Go to your Shopify admin → Online Store → Themes → Customize. Click "Add section" and select "Why Us Slider" from the available sections.

4

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

5

Add Content

Click "Add block" to add a columns layout block. Then add groups or other content blocks (headings, descriptions, icons, images, buttons, etc.) to each column. Each column will become a feature card or benefit item that displays alongside the others in your grid layout.

6

Customize & Style

Fine-tune your section with the built-in settings:

• Adjust background colors or add background images

• Control spacing and padding

• Set number of columns for desktop, tablet, and mobile (2-6 desktop, 1-3 tablet/mobile)

• Enable optional mobile slider with customizable slides per view, loop, and drag-to-scroll

• Set gap between items and item alignment (top, center, bottom on desktop)

• Customize typography and colors

Why Use Flexi Sections?

Designed to Feel Native Flexi sections are built to inherit your theme’s structure and styles, so they blend in naturally instead of feeling bolted on. Spend less time overriding CSS and more time shipping polished layouts that feel intentional.

Prebuilt, Not Prescriptive Each section provides a production-ready foundation without locking you into rigid layouts. Configure content, spacing, and structure to match your client’s needs—without rebuilding the same patterns from scratch.

Theme-First Customization All styling and layout adjustments happen through the Shopify Theme Editor. Tweak typography, spacing, alignment, and behavior using familiar theme controls, just like native sections.

Built for Performance & SEO Flexi sections are optimized for real storefronts, not demos. Lightweight markup and thoughtful defaults help keep pages fast, stable, and search-friendly across devices.

Works Across Any Shopify Theme Flexi sections work with any Shopify 2.0 theme, including Dawn, Horizon, and custom builds. Test safely on duplicate themes and ship with confidence.

Easy to Maintain Over Time Once a section is in place, it’s easy to manage. Update content, swap images, or adjust layout directly in the Shopify admin—no fragile custom code or one-off fixes to maintain later.

Built for Reuse Across Projects Flexi is designed for builders shipping real work. Reuse the same section patterns across client projects to stay consistent, move faster, and avoid unnecessary technical debt.