|
Romeo Antony
|
Tuesday 30 November 2010 3:29:20 am
Hi Alex, from your reply I understand like, after adding zones to a custom zone template you are unable to see it. for instance in zone.ini , it should be like this . I am creating a custom zone called 4ZonesLayout4.
[4ZonesLayout4]
ZoneTypeName=4 zones (layout 4)
Zones[]=lft
Zones[]=midle_lft
Zones[]=midle_rht
Zones[]=rht
ZoneName[lft]=Left zone
ZoneName[midle_lft]=Middle Left zone
ZoneName[midle_rht]=middle Right zone
ZoneName[rht]=Right zone
ZoneThumbnail=4zones_layout4.gif
Template=4zoneslayout4.tpl
AvailableForClasses[]=frontpage above zone template contain 4 zones, preview like 4 columns , 4zoneslayout4.tpl will be like follwoing
<div class="zone-layout-{$zone_layout|downcase()}">
<div class="float-break content-columns">
<div class="leftcol-position">
<div class="leftcol">
<!-- ZONE CONTENT: START -->
<div class="border-box">
<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}
{if or( $block.valid_nodes|count(),
and( is_set( $block.custom_attributes), $block.custom_attributes|count() ),
and( eq( ezini( $block.type, 'ManualAddingOfItems', 'block.ini' ), 'disabled' ), ezini_hasvariable( $block.type, 'FetchClass', 'block.ini' )|not ) )}
<div id="address-{$block.zone_id}-{$block.id}">
{block_view_gui block=$block}
</div>
{else}
{skip}
{/if}
{/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>
<div class="mainleftcol-position">
<div class="mainleftcol">
<!-- ZONE CONTENT: START -->
<div class="border-box">
<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}
{if or( $block.valid_nodes|count(),
and( is_set( $block.custom_attributes), $block.custom_attributes|count() ),
and( eq( ezini( $block.type, 'ManualAddingOfItems', 'block.ini' ), 'disabled' ), ezini_hasvariable( $block.type, 'FetchClass', 'block.ini' )|not ) )}
<div id="address-{$block.zone_id}-{$block.id}">
{block_view_gui block=$block}
</div>
{else}
{skip}
{/if}
{/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 -->
<!-- COLUMNS TWO: START -->
<!-- COLUMNS TWO: END -->
</div>
</div>
<div class="mainrightcol-position">
<div class="mainrightcol">
<!-- ZONE CONTENT: START -->
<div class="border-box">
<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}
{if or( $block.valid_nodes|count(),
and( is_set( $block.custom_attributes), $block.custom_attributes|count() ),
and( eq( ezini( $block.type, 'ManualAddingOfItems', 'block.ini' ), 'disabled' ), ezini_hasvariable( $block.type, 'FetchClass', 'block.ini' )|not ) )}
<div id="address-{$block.zone_id}-{$block.id}">
{block_view_gui block=$block}
</div>
{else}
{skip}
{/if}
{/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>
<div class="rightcol-position">
<div class="rightcol">
<!-- ZONE CONTENT: START -->
<div class="border-box">
<div class="border-ml"><div class="border-mr"><div class="border-mc">
<div class="border-content">
{if and( is_set( $zones[3].blocks ), $zones[3].blocks|count() )}
{foreach $zones[3].blocks as $block}
{if or( $block.valid_nodes|count(),
and( is_set( $block.custom_attributes), $block.custom_attributes|count() ),
and( eq( ezini( $block.type, 'ManualAddingOfItems', 'block.ini' ), 'disabled' ), ezini_hasvariable( $block.type, 'FetchClass', 'block.ini' )|not ) )}
<div id="address-{$block.zone_id}-{$block.id}">
{block_view_gui block=$block}
</div>
{else}
{skip}
{/if}
{/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>
</div>
</div> do css styling for div classes like zone-layout-4zonelayout4,leftcol-position,leftcol, for every div classes and check through firebug . First you should create a frame for this zonetemplate using css then , style it later on. Reagrds Romeo.
|