How It Works Slider

Break down your process into clear, visual steps that combine images and text—perfect for showing how your product or service works at a glance. Works seamlessly with Shopify’s Dawn and Horizon themes.

How It Works Slider¹

2025

Shape

Stoneware clay is hand-thrown on the wheel, allowing subtle variations that make each piece character-rich and unique.

Fire

Pieces undergo a multi-stage firing process at high temperatures to ensure strength, durability, and long-term use.

Ship

Finished pieces are inspected, packaged with care, and delivered safely to your home.

How It Works Slider²

2025

Choose Your Fuel

Explore our lineup of premium, adventure-ready bars and select the flavors or packs that match your lifestyle—trail days, surf sessions, or just everyday momentum.

Get It Delivered

We ship your bars fresh and fast, so you’ll always have clean, slow-burn energy on hand—whether at home, at work, or in the wild.

Go Further

Unwrap, fuel up, and get moving. Venture Bar powers hikes, climbs, workouts, and everything in between.

How It Works Slider³

2025

Source

Quality beans, responsibly sourced

Roast

Small batches, carefully developed.

Deliver

Brewed in-store or shipped fresh.

Install the Flexi App

Install Flexi – Slider Sections from the Shopify App Store and connect it to your theme. Once installed, you’ll instantly unlock access to professional sections like the Hero Banner directly inside your Theme Editor.

Add How It Works Slider Section

In the Shopify Theme Editor, click Add section → How It Works Slider. You can place it at the top of your homepage, on product pages, or anywhere your theme supports sections. It installs safely on both published and backup themes.

Style Your Section

Use the Shopify theme customizer to perfect your design before publishing. Upload images, adjust the text, choose your button link, and tweak layout settings like alignment, overlay, and spacing all with no code required.

Frequently asked questions about "How It Works Slider"

How do I add the How It Works Slider section to my Shopify theme?

After installing Flexi, you can install the section from the app. Simply open your Theme Editor and click Add section → How It Works Slider.

You can add it to any page, including your home, collection, or product templates.

No manual file editing or Liquid code is required. It works directly inside your existing Shopify 2.0 theme.

Can I customize the design of the How It Works Slider section?

Yes. Every part of the How It Works Slider section is fully customizable.

You can change the background image, text alignment, heading size, button labels, and overlay style directly in the Theme Editor.

You can also adjust spacing, colors, and border radius settings to match your brand’s look and feel.

All changes update instantly in the live theme customizer so you can see your edits in real time.

Will this How It Works Slider section work with themes like Dawn or Horizon?

Yes. The How It Works Slider is built to work with all Shopify 2.0 themes, including Dawn, Sense, Craft, Horizon, and other premium or custom themes.

Flexi sections use Shopify’s native section architecture, so they integrate seamlessly without breaking theme styling or functionality.

You can safely install and test the section on a backup theme before publishing live.

Does adding a How It Works Slider section slow down my site?

No. The How It Works Slider section is optimized for Shopify performance standards.

Images are lazy-loaded, CSS is scoped, and no unnecessary scripts are added to your theme.

This ensures your page speed and Core Web Vitals remain fast, even with large hero images.

On average, our sections are 15x faster than AI or other sections due to our rigorous performance standards.

All Flexi sections are tested using Shopify’s Online Store Speed Report to maintain lightweight performance.

Do I need any coding experience to edit my How It Works Slider section?

Not at all.

The How It Works Slider is designed to be no-code friendly, and you can customize everything from the Shopify Theme Editor using simple dropdowns, text inputs, and image pickers.

Developers can optionally add custom CSS through the theme if needed, but it’s completely optional.

Flexi sections are made for both non-technical merchants and professional developers.