Sections

Enabling layout options for an email template with Blocks Edit

section

block-section or -block-section: true

Collection of regions stacked on top of each other that can be added in as part of a template's layout.

style

data-style="variable-name" or -style-var: 'variable-name'

Multiple versions of a region that can be switched between.

Example

<div class="block-section" data-style="header">
  <h1 class="block" style="text-align: left">Title Left</h1>
  <p class="block" style="text-align: left">Content Left</p>
</div>
<div class="block-section" data-style="header">
  <h1 class="block" style="text-align: center">Title Center</h1>
  <p class="block" style="text-align: left">Content Center</p>
</div>
<div class="block-section" data-style="header">
  <h1 class="block" style="text-align: right">Title Right</h1>
  <p class="block" style="text-align: left">Content Right</p>
</div>