{foreach from=$areas item=area}
{if $area.link && $area.mode != 'subLayout'} {/if} {if $area.backgroundEnabled && $area.backgroundImage}
{image src=$area.backgroundImage class="quiqqer-bricks-layout__backgroundMedia" width=4000 }
{/if}
{if $area.mode == 'image' && $area.image} {image src=$area.image class="quiqqer-bricks-layout__image{if $area.imageFit === 'auto'} quiqqer-bricks-layout__image--auto{/if}" width=2000 } {elseif $area.mode == 'editor'}
{$area.contentHtml}
{elseif $area.mode == 'subLayout'}
{foreach from=$area.subLayoutAreas item=subArea}
{if $subArea.backgroundEnabled && $subArea.backgroundImage}
{image src=$subArea.backgroundImage class="quiqqer-bricks-layout__backgroundMedia" width=4000 }
{/if} {if $subArea.link} {/if}
{if $subArea.mode == 'image' && $subArea.image} {image src=$subArea.image class="quiqqer-bricks-layout__image{if $subArea.imageFit === 'auto'} quiqqer-bricks-layout__image--auto{/if}" width=2000 } {elseif $subArea.mode == 'editor'}
{$subArea.contentHtml}
{else} {$subArea.contentHtml} {/if}
{/foreach}
{else} {$area.contentHtml} {/if}
{/foreach}