Locked

Add this section to any Shopify theme.

Product

Product

PRODUCT

Product

Product

PRODUCT

Product

Product

PRODUCT

01

Install Flexi

Install Flexi from the Shopify App Store and start your free 14-day trial. Once installed you'll have instant access to Product and every other section in the library directly inside your Theme Editor.

02

Add Product

In the Shopify Theme Editor click Add section → Product. Place it anywhere your theme supports sections such as: homepage, product pages, collection pages, or custom templates. Works on both published and backup themes.

03

Configure in the theme editor

Adjust the width, add your content, and tweak layout settings directly in the customizer. Connect a metafield or metaobject if you prefer dynamic data. No code required or turn on dev mode if you want full control.

04

Hand it off

Publish and hand off to your client. They get a clean, simple editor with only what they need. You keep dev mode for when clients get picky.

How do I add Product to my Shopify theme?

After installing Flexi, open your Theme Editor and click Add section → Product. You can add it to any page template including home, collection, and product pages. No Liquid code or manual file editing required and it works directly inside any Shopify 2.0 theme.

Can I customise Product to match my client's brand?

Yes. Every setting is adjustable directly in the Theme Editor: layout, spacing, colors, typography, and content. Turn on dev mode to go further with custom CSS classes and metafield logic. All changes update live in the customizer so you can see edits in real time.

Will Product work with Dawn, Horizon, or a custom theme?

Yes. Product is built on Shopify's native section architecture and works with all Shopify 2.0 themes including Dawn, Horizon, Sense, Craft, and custom themes. It installs without breaking existing theme styling or functionality.

Will Product slow down my client's store?

No. Every Flexi section is built to pass Google PageSpeed Insights. Images are lazy-loaded, CSS is scoped, and no unnecessary scripts are added to the theme. Flexi only installs sections, blocks, and one minified CSS file and nothing else.

Do I need coding experience to use Product?

No. Everything works out of the box inside the Theme Editor with no code required. Dev mode is there when you want to go further simply add CSS classes, connect metafields, apply custom styling, but it's optional, not required.

TRUSTED BY 1,000+ SHOPIFY BRANDS

Install your first section in minutes...

Try Flexi