Hero with blocks

Start your page strong with a bold hero image and customizable blocks that highlight key messages, links, or features—built to drive clicks fast.

Hero with blocks¹

2025

(4.9)

Elevated ceramics for intentional living.

We believe that the objects you surround yourself with should feel personal, intentional, and made to last.
View More

Hero with blocks²

2025

VENTURE BEYOND

This is a great sport to share what makes your brand or offer unique. Keep it friendly and helpful to build trust with your visitor.
View More
About Us

Hero with blocks³

2025

NEW

From Bar to Brew

(4.9)

The same beans we serve in-store — now in your kitchen.
Browse Coffee Bags

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 with blocks directly inside your Theme Editor.

Add Hero with blocks Section

In the Shopify Theme Editor, click Add section → Hero with blocks. 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 "Hero with blocks"
How do I add the Hero with blocks 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 → Hero with blocks.

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 Hero with blocks section?

Yes. Every part of the Hero with blocks 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 Hero with blocks section work with themes like Dawn or Horizon?

Yes. The Hero with blocks 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 Hero with blocks section slow down my site?

No. The Hero with blocks 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 Hero with blocks section?

Not at all.

The Hero with blocks 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.