Hero grid
Combine bold headlines with a grid of images or links—perfect for introducing your brand and guiding users to key sections right from the start.
Hero grid¹
2025
Stoneware
Crafted using high-fire stoneware clay known for its strength, weight, and beautiful natural texture. Built to last a lifetime of use.
Hand Thrown
Each piece is individually wheel-thrown, shaped by hand.
Small Batches
Produced intentionally in limited quantities allowing us to focus on quality
Hero grid²
2025
Main Heading
Tell visitors why this matters.
Main Heading
Tell visitors why this matters.
Hero grid³
2025
Brewed With Care
Always Served Hot
Your New Favorite Spot
Frequently asked questions about "Hero grid"
How do I add the Hero grid 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 grid.
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 grid section?
Yes. Every part of the Hero grid 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 grid section work with themes like Dawn or Horizon?
Yes. The Hero grid 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 grid section slow down my site?
No. The Hero grid 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 grid section?
Not at all.
The Hero grid 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.
