How to move Description below the image...
WebKat
Joined: 2002-11-22
Posts: 182 |
Posted: Sun, 2012-04-08 17:50 |
I'm modifying the Matrix theme. Some of my descriptions are quite long, which pushes the full-size image too far down the screen when viewing an image, so I'd like to move the description to below the image. However, looking at the code, it appears to be part of some sort of "if" statement, and I am sure I'll break it if I just try to move it on my own. Here is the template, can someone move the description to right after the image and post the code back? Pretty please? Seems like it should be an easy tweak for someone who actually understands the code (unlike me)... {* * $Revision: 16387 $ * Read this before changing templates! http://codex.gallery2.org/Gallery2:Editing_Templates *} {if !empty($theme.imageViews)} {assign var="image" value=$theme.imageViews[$theme.imageViewsIndex]} {/if} <table width="100%" cellspacing="0" cellpadding="0"> <tr valign="top"> {if !empty($theme.params.sidebarBlocks)} <td id="gsSidebarCol"> {g->theme include="sidebar.tpl"} </td> {/if} <td> <div id="gsContent"> <div class="gbBlock gcBackground1"> <table width="100%"> <tr> <td> {if !empty($theme.item.title)} <h2> {$theme.item.title|markup} </h2> {/if} {if !empty($theme.item.description)} <p class="giDescription"> {$theme.item.description|markup} </p> {/if} </td> <td style="width: 30%"> {g->block type="core.ItemInfo" item=$theme.item showDate=true showOwner=$theme.params.showImageOwner class="giInfo"} {g->block type="core.PhotoSizes" class="giInfo"} </td> </tr> </table> </div> {if !empty($theme.navigator)} <div class="gbBlock gcBackground2 gbNavigator"> {g->block type="core.Navigator" navigator=$theme.navigator reverseOrder=true} </div> {/if} <div id="gsImageView" class="gbBlock"> {if !empty($theme.imageViews)} {capture name="fallback"} <a href="{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`" forceFullUrl=true forceSessionId=true}"> {g->text text="Download %s" arg1=$theme.sourceImage.itemTypeName.1} </a> {/capture} {if $image.viewInline} {if count($theme.imageViews) > 1} {capture assign="imageViewLink"} {if $theme.imageViewsIndex==1 && count($theme.imageViews)==2} <a href="{g->url params=$theme.pageUrl arg1="itemId=`$theme.item.id`"}"> {else} {assign var="imageViewsLink" value=$theme.imageViewsIndex+1} {if $imageViewsLink==count($theme.imageViews)} {assign var="imageViewsLink" value=$theme.imageViewsIndex-1} {/if} <a href="{g->url params=$theme.pageUrl arg1="itemId=`$theme.item.id`" arg2="imageViewsIndex=`$imageViewsLink`"}"> {/if} {/capture} {/if} {if isset($theme.photoFrame)} {g->container type="imageframe.ImageFrame" frame=$theme.photoFrame width=$image.width height=$image.height} {if isset($imageViewLink)}{$imageViewLink}{/if} {g->image id="%ID%" item=$theme.item image=$image fallback=$smarty.capture.fallback class="%CLASS%"} {if isset($imageViewLink)}</a>{/if} {/g->container} {else} {if isset($imageViewLink)}{$imageViewLink}{/if} {g->image item=$theme.item image=$image fallback=$smarty.capture.fallback} {if isset($imageViewLink)}</a>{/if} {/if} {else} {$smarty.capture.fallback} {/if} {else} {g->text text="There is nothing to view for this item."} {/if} </div> {if $theme.pageUrl.view != 'core.ShowItem' && $theme.params.dynamicLinks == 'jumplink'} <div class="gbBlock"> <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$theme.item.id`"}"> {g->text text="View in original album"} </a> </div> {/if} {* Download link for item in original format *} {if !empty($theme.sourceImage) && $theme.sourceImage.mimeType != $theme.item.mimeType} <div class="gbBlock"> <a href="{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"}"> {g->text text="Download %s in original format" arg1=$theme.sourceImage.itemTypeName.1} </a> </div> {/if} {* Show any other photo blocks (comments, exif etc) *} {foreach from=$theme.params.photoBlocks item=block} {g->block type=$block.0 params=$block.1} {/foreach} {if !empty($theme.navigator)} <div class="gbBlock gcBackground2 gbNavigator"> {g->block type="core.Navigator" navigator=$theme.navigator reverseOrder=true} </div> {/if} {g->block type="core.GuestPreview" class="gbBlock"} {* Our emergency edit link, if the user removes all blocks containing edit links *} {g->block type="core.EmergencyEditItemLink" class="gbBlock" checkBlocks="sidebar,photo"} </div> </td> </tr> </table> Thank you SO much, in advance. -- |
|
Posts: 27300
Move
where you want it.
Add some #s to various lines to see where those #s show to get a feel in the code where it should go.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 182
Ok I figured it was something like that, but since it was an if statement, I didn't know if moving it would totally break everything around it...I'll play with it. Thanks.
--
WebKat, Gallery2 holdover extraordinaire.
Posts: 27300
All the if statement is:
if the description is not empty:
write the description
end if.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
Posts: 182
I got it! It looks much better now! Thanks!
--
WebKat, Gallery2 holdover extraordinaire.
Posts: 27300
Now you are a theme developer.
Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team