How to move Description below the image...

WebKat
WebKat's picture

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.

--
WebKat, Gallery2 holdover extraordinaire.

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2012-04-09 04:12

Move

                {if !empty($theme.item.description)}
                <p class="giDescription">
                  {$theme.item.description|markup}
                </p>
                {/if}

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

 
WebKat
WebKat's picture

Joined: 2002-11-22
Posts: 182
Posted: Mon, 2012-04-09 04:20

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.

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2012-04-09 04:25

All the if statement is:
if the description is not empty:
write the description
end if.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team

 
WebKat
WebKat's picture

Joined: 2002-11-22
Posts: 182
Posted: Mon, 2012-04-09 04:27

I got it! It looks much better now! Thanks!

--
WebKat, Gallery2 holdover extraordinaire.

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Mon, 2012-04-09 13:20

Now you are a theme developer. :-)

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team