eZ Community » Forums » Extensions » eZ Flow » 3 column layout
expandshrink

3 column layout

3 column layout

Wednesday 08 April 2009 4:40:47 pm - 7 replies

I've created a 3 column layout tpl by removing the "norightcol" and saved it with a new name.

How do I add this new layout to the ezflow options?

Thanks in advance happy.gif Emoticon

Thursday 09 April 2009 3:57:26 pm

Have a look at zone.ini.append.php, in it you will see an entry for each of the existing layouts. This is usually 1 global layout and a few class specific ones. Just make your own entry using the existing ones as a reference. For example:

[GlobalZoneLayout31]
ZoneTypeName=3 zones (layout 1)
Zones[]=left
Zones[]=middle
Zones[]=right
ZoneName[left]=Left zone
ZoneName[middle]=Middle zone
ZoneName[right]=Right zone
ZoneThumbnail=3zones_layout1.gif
Template=3zoneslayout1.tpl
AvailableForClasses[]=global_layout

or

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

Wednesday 15 April 2009 11:01:56 am

Many Thanks Jon happy.gif Emoticon

I'll give that a go later.

Tuesday 18 May 2010 11:01:06 am

Many Thanks Jon happy.gif Emoticon

I'll give that a go later.

Jon , can u please help me regarding the

3zoneslayout3.tpl.How do we create this templte file for 3 zones.Also I noticed that template file for  2zoneslayout2  and 2zoneslayout1 are same and there is change in alignment of zones.how can we aline zones specifying in template file.help 

Wednesday 06 October 2010 9:47:27 pm

Any news on this?

Thursday 04 November 2010 5:36:15 am

Hi Frederik, sorry for the late reply. I did that. created custom layouts.if u wanna custom layout templates, I wll be happy to help you.

Regards

Romeo

Tuesday 18 June 2013 5:42:41 pm

Quote from Romeo Antony :

Hi Frederik, sorry for the late reply. I did that. created custom layouts.if u wanna custom layout templates, I wll be happy to help you.

Regards

Romeo

Hello Romeo,

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 you valuable help!

Friday 09 August 2013 9:40:59 am

What's the error? Is this just an html-/css-question? You may want to setup an accessible demo then to make it easier to help you.

expandshrink

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

36 542 Users on board!

Forums menu

Proudly Developed with from