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
    • 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, and install the latest release. Please provide feedback using the GitHub Discussion Board.