Flex sections developer preview

The Flex sections developer preview gives you access to the following new platform features:

Style settings
- New set of breakpoint-aware customization settings in themes that map directly to CSS properties
- Easy for theme developers to provide a lot of styling flexibility for merchants.
Theme Blocks
- Dynamic source connections for nested theme blocks
- Reusable block Liquid files located in the /blocks folder of the theme
- Nesting blocks up to eight levels deep using the {% content_for ‘blocks’ %} Liquid tag
- Multiple presets that showcase settings variations of the same block. Merchants can add these in the theme editor using the block picker.
- Targeting to sections and other theme blocks
- Static blocks which enable conditional rendering and the ability for theme developers to specify rendering structure for blocks that should not be moved or deleted

In addition to the theme blocks and style settings documentation, consult the reference theme which puts all of these concepts together. You can install the latest release. You can provide feedback using the GitHub Discussion Board.

Access the developer preview

Log in to your Partner account, or sign up for an account if you don't already have one.
From your Partner Dashboard, click Stores.
Click Add store > Create development store.
In the Store purpose section, select Create a store to test and build.
In the Store name section, enter a name for your store.
In the Build version section, select the Flex sections developer preview from the drop-down list.
Under Data and configurations, choose whether to start with an empty store, or with a store that's populated with test data generated by Shopify.
Click Create development store.
Download and install the latest release of the theme blocks reference theme on your development store.

Learn about theme blocks, a way to create reusable modules for structuring content within sections.

Explore Shopify's reference theme, built to support theme blocks.