eZ Community » Forums » Setup & design » 3zoneslayout3 and 3zoneslayout4 - EzFlow
expandshrink

3zoneslayout3 and 3zoneslayout4 - EzFlow

3zoneslayout3 and 3zoneslayout4 - EzFlow

Thursday 27 June 2013 5:19:54 am - 1 reply

Hello guys,

Thanks for share you knowledge with the community.

I'm a new comer, and I wonder if you can lend me a hand with this:

I'm trying to set up two new 3zoneslayout3 and 3zoneslayout4 layer without succeed... 

The layers should be build as follow:

 

First one:

Top zone: full width

Button zone: left zone 70% - right zone 30%

 

Second one:

Top zone: full width

Button zone: left zone 30% - right zone 70%

 

 

This one was my attempt ("3zoneslayout3"blunk.gif Emoticon:

 <div class="zone-layout-{$zone_layout|downcase()} norightcol">
    
    <!-- BLOQUE 1:INICIO -->    
        
        <!-- ZONE CONTENT: START -->
        <div class="border-box">
         <div class="border-tl"><div class="border-tr"><div  class="border-tc"></div></div></div>
        <div class="border-ml"><div class="border-mr"><div class="border-mc">
        <div class="border-content">
        {if and( is_set( $zones[0].blocks ), $zones[0].blocks|count() )}
        {foreach $zones[0].blocks as $block}
            {include uri='design:parts/zone_block.tpl' zone=$zones[0]}
        {/foreach}
        {/if}
        </div>
        </div></div></div>
         <div class="border-bl"><div class="border-br"><div  class="border-bc"></div></div></div>
        </div>
        <!-- ZONE CONTENT: END -->
    
    <!-- BLOQUE 1:FIN -->



    <!-- BLOQUE 2:INICIO -->    
    <div class="content-columns float-break">

        <!-- COLUMNA IZQUIERDA -->
        <div class="leftcol-position float-left">
        <div class="leftcol">
            <!-- ZONE CONTENT: START -->
            <div class="border-box">
             <div class="border-tl"><div  class="border-tr"><div  class="border-tc"></div></div></div>
            <div class="border-ml"><div class="border-mr"><div class="border-mc">
            <div class="border-content">
            {if and( is_set( $zones[1].blocks ), $zones[1].blocks|count() )}
            {foreach $zones[1].blocks as $block}
                {include uri='design:parts/zone_block.tpl' zone=$zones[1]}
            {/foreach}
            {/if}
            </div>
            </div></div></div>
             <div class="border-bl"><div  class="border-br"><div  class="border-bc"></div></div></div>
            </div>
            <!-- ZONE CONTENT: END -->
        </div>
        </div>
        <!-- COLUMNA IZQUIERDA: FIN -->


        <!-- COLUMNA PRINCIPAL -->
        <div class="maincol-position">
        <div class="maincol">
            <!-- ZONE CONTENT: START -->
            <div class="border-box">
             <div class="border-tl"><div  class="border-tr"><div  class="border-tc"></div></div></div>
            <div class="border-ml"><div class="border-mr"><div class="border-mc">
            <div class="border-content">
            {if and( is_set( $zones[2].blocks ), $zones[2].blocks|count() )}
            {foreach $zones[2].blocks as $block}
                {include uri='design:parts/zone_block.tpl' zone=$zones[2]}
            {/foreach}
            {/if}
            </div>
            </div></div></div>
             <div class="border-bl"><div  class="border-br"><div  class="border-bc"></div></div></div>
            </div>
            <!-- ZONE CONTENT: END -->
        </div>
        </div>
        <!-- COLUMNA PRINCIPAL: FIN -->


        <!-- COLUMNA DERECHA -->
        <div class="rightcol-position">
        <div class="rightcol">
        </div>
        </div>
        <!-- COLUMNA DERECHA: FIN -->

    </div>
    <!-- BLOQUE 2:FIN -->

</div>

 

My zone.ini looks like:

# Setting file for ezflow zones as used by the Layout datatype
# A layout is divided into zones and then blocks, take a look in
# block.ini for block definitions.

[General]
AllowedTypes[]=GlobalZoneLayout
AllowedTypes[]=2ZonesLayout1
AllowedTypes[]=2ZonesLayout2
AllowedTypes[]=2ZonesLayout3
AllowedTypes[]=3ZonesLayout1
AllowedTypes[]=3ZonesLayout2
AllowedTypes[]=3ZonesLayout3
AllowedTypes[]=3ZonesLayout4
AllowedTypes[]=CallForActionLayout

[GlobalZoneLayout]
ZoneTypeName=Global zone layout
Zones[]=main
ZoneName[main]=Global zone
ZoneThumbnail=globalzone_layout.gif
Template=globalzonelayout.tpl
AvailableForClasses[]=global_layout

[2ZonesLayout1]
ZoneTypeName=2 zones (layout 1)
Zones[]=left
Zones[]=right
ZoneName[left]=Left zone
ZoneName[right]=Right zone
ZoneThumbnail=2zones_layout1.gif
Template=2zoneslayout1.tpl
AvailableForClasses[]=frontpage
AvailableForClasses[]=landing_page

[2ZonesLayout2]
ZoneTypeName=2 zones (layout 2)
Zones[]=left
Zones[]=right
ZoneName[left]=Left zone
ZoneName[right]=Right zone
ZoneThumbnail=2zones_layout2.gif
Template=2zoneslayout2.tpl
AvailableForClasses[]=frontpage
AvailableForClasses[]=landing_page

[2ZonesLayout3]
ZoneTypeName=2 zones (layout 3)
Zones[]=top
Zones[]=bottom
ZoneName[top]=Top zone
ZoneName[bottom]=Bottom zone
ZoneThumbnail=2zones_layout3.gif
Template=2zoneslayout3.tpl
AvailableForClasses[]=frontpage
AvailableForClasses[]=landing_page

[3ZonesLayout1]
ZoneTypeName=3 zones (layout 1)
Zones[]=left
Zones[]=right
Zones[]=bottom
ZoneName[left]=Left zone
ZoneName[right]=Right zone
ZoneName[bottom]=Bottom zone
ZoneThumbnail=3zones_layout1.gif
Template=3zoneslayout1.tpl
AvailableForClasses[]=frontpage
AvailableForClasses[]=landing_page

[3ZonesLayout2]
ZoneTypeName=3 zones (layout 2)
Zones[]=left
Zones[]=right
Zones[]=bottom
ZoneName[left]=Left zone
ZoneName[right]=Right zone
ZoneName[bottom]=Bottom zone
ZoneThumbnail=3zones_layout2.gif
Template=3zoneslayout2.tpl
AvailableForClasses[]=frontpage
AvailableForClasses[]=landing_page

[3ZonesLayout3]
ZoneTypeName=3 zones (layout 3)
Zones[]=top
Zones[]=left
Zones[]=right
ZoneName[top]=Top zone
ZoneName[left]=Left zone
ZoneName[right]=Right zone
ZoneThumbnail=3zones_layout3.gif
Template=3zoneslayout3.tpl
AvailableForClasses[]=frontpage
AvailableForClasses[]=landing_page

[3ZonesLayout4]
ZoneTypeName=3 zones (layout 4)
Zones[]=top
Zones[]=left
Zones[]=right
ZoneName[top]=Top zone
ZoneName[left]=Left zone
ZoneName[right]=Right zone
ZoneThumbnail=3zones_layout4.gif
Template=3zoneslayout4.tpl
AvailableForClasses[]=frontpage
AvailableForClasses[]=landing_page

[CallForActionLayout]
ZoneTypeName=Call For Action zone layout
Zones[]=main
ZoneName[main]=Call For Action zone
ZoneThumbnail=callforaction_layout.gif
Template=callforactionlayout.tpl
AvailableForClasses[]=folder 

 

In the admin site all the blocks looks right, also I create the thumbnail just giving a 180º turn to the 3zoneslayout1 and 3zoneslayout2.

 

Thanks for all the valuable help!

Modified on Thursday 27 June 2013 5:34:26 am by Freddy Rodriguez

Thursday 27 June 2013 4:43:04 pm

Hi Freddy,

Can you be more specific about what is not working with the zones? 

Maybe it is not related to the zone but the blocks that are not rendering, you should check your block.ini and the override.ini settings in order to have in place the templates overrides for the blocks you are using in your zones. 

Check your debug info and use debug variables to drill down the template overrides and find out what is not working.

expandshrink

You must be logged in to post messages in this topic!

36 542 Users on board!

Forums menu

Proudly Developed with from