CMS Made Simple Forums

Posted: **Mon May 14, 2007 3:41 am**

Hi all,

I'm trying to modify my album template to achieve the following (I'm using CMSMS and the Album 0.8.2 module):

So far I've had no luck. Here is my template I'm using:

{if $picture->id>0}

<div id="advertisingwrap_bottom">
{* Big Picture *}
<div id="bigpicture_bottom">
    <img src="{$picture->picture}" alt="{$picture->name} - {$picture->comment}" title="{$picture->name}  - {$picture->comment}" />
{/if}

</div>


{* Album List *}
<div id="albumlist2_bottom">
{if !$album}
  <ul class="albumlist2_bottom">
	{foreach from=$albums item=album}
	<li class="thumb_bottom">
 	<a href="{$album->link}">
        <img src="{$album->thumbnail}" alt="{$album->name}" title="{$album->name} - {$album->comment}" /></a>

          <p class="albumname_bottom"><a href="{$album->link}">{$album->name}</a><br />
          <span class="albumpicturecount_bottom">({$album->picturecount} images)</span><br />
          <span class="albumcomment_bottom">{$album->comment}</span></p>
         </li>
	{/foreach}
  </ul>
</div>
{else}

{* Photo List *}
<div id="photolist_bottom">
  {$album->comment}

    {if $pagecount>1}
	<p class="albumnav_bottom">
		<a href="{$link.page.first}" title="first page"><< </a>
		{if $link.page.previous}<a href="{$link.page.previous}" title="previous page">< </a>{/if}
		page {$pagenumber}/{$pagecount}
		{if $link.page.next}<a href="{$link.page.next}" title="next page"> ></a>{/if}
		<a href="{$link.page.last}" title="last page"> >></a>
	</p>
	{/if}

    {* Thumbs Down Here *}
    <ul class="picturelist_bottom">
	{foreach from=$pictures item=picturesrow}
	    {foreach from=$picturesrow item=onepicture}
	    <li class="thumb_bottom"><a href="{$onepicture->link}"> <img src="{$onepicture->thumbnail}" alt="{$onepicture->name} - {$onepicture->comment}" title="{$onepicture->name} - {$onepicture->comment}" width="{$onepicture->thumbnailwidth}" /></a>
   	   </li>
      {if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}
	    {/foreach}
	{/foreach}
    </ul>
 <div id="instructiontextdiv">
 <p>
  <span class="instructiontext_bottom">{if $returnlink}<a href="{$returnlink}">« Return to the Advertising Campaigns</a>{/if}</span>
  </p>
  </div>
{if $picturecount==0}No image{/if}
{/if}
</div>
</div>
<div id="clearalbum_bottom"> </div>

I'm assuming the code would work similar to the page numbers for the thumbnails within an album but so far I haven't had any luck!

Any help would be much appreciated!

Posted: **Mon May 28, 2007 2:08 am**

Since I couldn't figure it out using dynamic code, I had to code in the album pages navigation non-dynamically.

Code: Select all

{if !$album}
<table>
	{foreach from=$albums item=album}
	<tr style="height:100px;vertical-align:middle">
		<td style="border:0px solid #ECECEC;width:100px;text-align:center">
			<a href="{$album->link}"><img src="{$album->thumbnail}" alt="{$album->name}" /></a>
		</td>
		<td style="border:none;width:500px;text-align:left">
			{$album->name} <em>({$album->picturecount} images)</em><br />
			{$album->comment}Hello there!
		</td>
	</tr>
	{/foreach}
</table>

{else}
{if $album->comment}<p>{$album->comment}</p>{/if}
<table>
	{if $pagecount>1}
	<caption style="text-align:center">
		<a href="{$link.page.first}" title="first page"><< </a>
		{if $link.page.previous}<a href="{$link.page.previous}" title="previous page">< </a>{/if}
		page {$pagenumber}/{$pagecount}
		{if $link.page.next}<a href="{$link.page.next}" title="next page"> ></a>{/if}
		<a href="{$link.page.last}" title="last page"> >></a>
	</caption>
	{/if}
	
</table>

{if $picturecount==0}No image{/if}
{/if}

 {if $picture->id>0}

<img src="{$picture->picture}" alt="{$picture->name}" />
<div>{$picture->comment}</div>
<br>
{* START Thumbnails *}
<table>
{foreach from=$pictures item=picturesrow}
	<tr style="height:100px;vertical-align:middle">
		{foreach from=$picturesrow item=onepicture}
		<td style="border:0px solid #ECECEC;width:100px;text-align:center">
			<a href="{$onepicture->link}"> <img src="{$onepicture->thumbnail}" alt="{$onepicture->thumbnail}" /> </a>
		</td>
		{if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}
		{/foreach}
	</tr>
	{/foreach}
</table>
{* END Thumbnails *}
<br>
<div id="browsinggallery">
<h1>Browse Gallery</h1>
<p><a href="http://www.mysite.com/gallery/album-66/62/">1</a> | <a href="http://www.mysite.com/gallery/album-67/62/">2</a> | <a href="http://www.mysite.com/gallery/album-68/62/">3</a> | <a href="http://www.mysite.com/gallery/album-69/62/">4</a> | <a href="http://www.mysite.com/gallery/album-70/62/">5</a> | <a href="http://www.mysite.com/gallery/album-76/62/">6</a> | <a href="http://www.mysite.com/gallery/album-77/62/">7</a> | <a href="http://www.mysite.com/gallery/album-78/62/">8</a> | <a href="http://www.mysite.com/gallery/album-79/62/">9</a> | <a href="http://www.mysite.com/gallery/album-80/62/">10</a> | <a href="http://www.mysite.com/gallery/album-81/62/">11</a>
</p>
{/if}
</div>

If would be FANTASTIC if someone could figure out the album navigation down the bottom dynamically.

Posted: **Mon May 28, 2007 12:42 pm**

I have something similar with the following template ( attached )
it creates this with the large image and thumbnails on the same page.
You might be able to work something out from there...
I might not have got any further than you though?

[gelöscht durch Administrator]

CMS Made Simple Forums

Album customisation {Partially Solved?}

Album customisation {Partially Solved?}

Re: Album customisation {PARTIALLY SOLVED]

Re: Album customisation {Partially Solved?}