For eZ Enterprise, the data-studio-zone attribute is required to allow dropping the Content into specific zones.

<div data-studio-zone="{{ zones[0].id }}">										
	{# If a zone with [0] index contains any blocks #}
	{% if zones[0].blocks %}													
    	{# for each block #}
		{% for block in zone[0].blocks %}												
    		{# create a new layer with appropriate id #}
			<div class="landing-page__block block_{{ block.type }}">			
       			{# render the block by using the "ez_block:renderBlockAction" controller #}
				{{ render_esi(controller('ez_block:renderBlockAction', {		
           				{# id of the current content #}
						'contentId': contentInfo.id,							
        				{# id of the current block #}
						'blockId': block.id										
       				})) 
				}}
    		</div>		
		{% endfor %}	
	{% endif %}
</div>

layouts:
    1:	
		identifier: 1						
        name: One column
        description: 'One column'
        thumbnail: '/bundles/ezstudiodemo/images/layouts/1.png'
        template: eZStudioDemoBundle:layouts:1.html.twig
        zones:
            first:
                name: First zone

    1_2:
		identifier: 1_2	
		name: Two zones in columns, narrow left, wide right
        description: Two zones in columns, narrow left, wide right
        thumbnail: '/bundles/ezstudiodemo/images/layouts/1_2.png'
        template: eZStudioDemoBundle:layouts:1_2.html.twig
        zones:
            first:
                name: First zone
            second:
                name: Second zone

    1_2__1:	  
		identifier: 1_2__1
        name: Three zones, two columns, narrow left, wide right in first row and one row
        description: Three zones, two columns, narrow left, wide right in first row and one row
        thumbnail: '/bundles/ezstudiodemo/images/layouts/1_2__1.png'
        template: eZStudioDemoBundle:layouts:1_2__1.html.twig
        zones:
            first:
                name: First zone
            second:
                name: Second zone
            third:
                name: Third zone