listextended module voor portfolio pagina.

rayring · **Joined:** Sun Nov 30, 2008 6:45 pm **Posts:** 157

Ik probeer onderstaande portfolio te realiseren:
http://www.i-do-this.com/blog/44/Using-ListItExtended-module-and-Isotope-jQuery-plugin-for-nice-showcase-page

Ik heb de modules en jquery scripts netjes geinstalleerd op aanraden heb ik vervolgens de supersizer plugin vervangen door de CGSmartimage. Alles lijkt te werken maar ik krijg mijn afbeeldingen niet te zien, waarschijnlijk heeft dit te maken met mijn image path

Ik heb als laatste de volgende tutorial gebruikt van iemand die hetzelfde probleem had http://www.cmsmadesimple.fr/forum/viewtopic.php?pid=32191#p32191

Echter ik kom niet verder, wie kan mij helpen?

De laatste template die ik gebruik in listIt2 is:

Code:

[== Indéfini ==]
{* create category navigation *} 
<div id="categories" class="clearfix">  
 <ul id="filter" class="option-set clearfix" >   
 <li><a href="#show-all" class="selected button">All</a></li>   
 <li><a href="#nature" class="button">Nature</a></li>   
 <li><a href="#buildings" class="button">Buildings</a></li>   
 <li><a href="#planes" class="button">Planes</a></li>  
 </ul> 
</div>
<ul id="items" class="clearfix">
{foreach from=$items item=item}
{capture assign='screen'}{$uploads_url}/{$item->fielddefs.image.value}{/capture}
 {* list our items *}
 <li class="item {$item->category_alias}">
{CGSmartImage src=$screen alias='listitA' class="thumb"}
 <h3 class="item-title">{$item->title|cms_escape}</h3>  
 {* our hidden content/ shown when clicked *}       
 <div class="item-content clearfix">    
{CGSmartImage src=$screen alias='listitB'}   
 <h2>{$item->title|cms_escape}</h2>          
 {$item->fielddefs.description.value}         
 </div>    
 </li>
{/foreach}
</ul>  
</div> 

Mijn site waarop het mis gaat is hier te zien:

http://goo.gl/7nY2V

Rolf · **Posted:** Sun Jan 27, 2013 3:48 pm

Code:

{capture assign='screen'}{$uploads_url}/{$item->fielddefs.image.value}{/capture}

Wat is hierna de waarde van {$screen}?

arnoud · **Joined:** Sun Apr 19, 2009 9:33 am **Posts:** 1177

----------

rayring · **Joined:** Sun Nov 30, 2008 6:45 pm **Posts:** 157

arnoud wrote:

{$item->fielddefs['image'].value} is it.

Dien ik dit aan te passen in de template?
Echt geen idee hoe ik dit moet aanpakken..

Rolf · **Posted:** Sun Jan 27, 2013 5:50 pm

{$item->fielddefs.image.value} -> {$item->fielddefs['image'].value}

rayring · **Joined:** Sun Nov 30, 2008 6:45 pm **Posts:** 157

Rolf wrote:

{$item->fielddefs.image.value} -> {$item->fielddefs['image'].value}

Ja dat had ik al aangepast maar helaas nog geen verandering..
Ik snap ook niet helemaal hoe het werkt binnen de listIt2 module
Ik heb de categorieën "Websites" en "Webwinkels" aangemaakt en de veld definities "Image" en "Description".

Bij de veld definitie "Image" geef ik dan de waarde "selecteer bestand" zodat ik bij mijn item "Website1" de afbeelding kan selecteren (dit lukt ook, kan de afbeelding website1.jpg selecteren.)

Ik snap niet wat er fout gaat...

rayring · **Joined:** Sun Nov 30, 2008 6:45 pm **Posts:** 157

Ok dom! {$item->fielddefs['image'].value} "image" moest met een hoofdletter ....
Maar zoals jullie zien werkt de description ook niet alsmede de werking van de verdere animatie.. Ik heb de {$item->fielddefs.description.value} aangepast naar:
{$item->fielddefs['Description'].value} maar dat werkt niet...

Vraag me ook af waar deze items naar moeten verwijzen,
{CGSmartImage src=$screen alias='listitA' class="thumb"}
{CGSmartImage src=$screen alias='listitB'}
Met name listitA en listitB zijn dit directories... AHHHHH gek van die codes!!!

rayring · **Joined:** Sun Nov 30, 2008 6:45 pm **Posts:** 157

Gisteren en vandaag geprobeerd om de afbeeldingen en de description erin te krijgen maar ik loop vast... jammer vind het zo'n mooie portfolio.. iemand nog suggesties?

uniqu3 · **Posted:** Tue Jan 29, 2013 5:19 pm

Code:

{if $item->image != ''} {* has fielddefintion with image alias a value? *}
    {CGSmartImage src="uploads/`$item->image`" alt=$item->title width='100' height='100'}
{/if}
<h2>{$item->title}</h2> {* the item title *} 
{if $item->description!= ''} {* if fielddefinition with alias description has some content *}        
    {$item->description}  
{/if}

And you have to make sure that your field definitions do have alias "image" and "description"!
And there is no "alias" parameter in CGSmartImage (at least not that i know)

rayring · **Joined:** Sun Nov 30, 2008 6:45 pm **Posts:** 157

uniqu3 wrote:

Code:

{if $item->image != ''} {* has fielddefintion with image alias a value? *}
    {CGSmartImage src="uploads/`$item->image`" alt=$item->title width='100' height='100'}
{/if}
<h2>{$item->title}</h2> {* the item title *} 
{if $item->description!= ''} {* if fielddefinition with alias description has some content *}        
    {$item->description}  
{/if}

And you have to make sure that your field definitions do have alias "image" and "description"!
And there is no "alias" parameter in CGSmartImage (at least not that i know)

Thanks for your reply

So the only code I need to set in the template is the code above?
I've made sure my fielddefinitions have "image" and "description"
I pasted the above code in my template but no luck does not show anything...

uniqu3 · **Posted:** Tue Jan 29, 2013 7:20 pm

No, but above should return a result for those fields.

Anyway if you are using ListIt2 1.3.x this is how your template should work.

Code:

<div id="categories" class="clearfix">  
   <ul id="filter" class="option-set clearfix"> 
      <li><a href="#show-all" class="selected button">All</a></li>
   {foreach from=$categories item='cat'}   
      <li><a href="#{$cat->category_alias}" class="button">{$cat->category_name}</a></li>   
   {/foreach}
   </ul> 
</div>

<ul id="items" class="clearfix">
{foreach from=$items item=item}
   {* list our items *}
   <li class="item {$item->category_alias}">
      {if $item->image != ''}
         {CGSmartImage src="uploads/`$item->image`" class="thumb" width='WIDTH?' height='HEIGHT?' alt=$item->title}
      {/if}
      
      <h3 class="item-title">{$item->title}</h3>  
      {* our hidden content/ shown when clicked *}       
 
      <div class="item-content clearfix"> 
         {if $item->image != ''}   
            {CGSmartImage src="uploads/`$item->image`" class="thumb" width='WIDTH?' height='HEIGHT?' alt=$item->title}  
         {/if} 
         <h2>{$item->title}</h2> 
         {if $item->description != ''}         
            {$item->description}  
         {/if}       
      </div>    
   </li>
{/foreach}
</ul>  

rayring · **Joined:** Sun Nov 30, 2008 6:45 pm **Posts:** 157

uniqu3 wrote:

No, but above should return a result for those fields.

Anyway if you are using ListIt2 1.3.x this is how your template should work.

Thanks I'm getting the feeling I''m almost there, still some problems white the image and the categories... please take a look here: http://goo.gl/7nY2V

rayring · **Joined:** Sun Nov 30, 2008 6:45 pm **Posts:** 157

Iemand nog een suggestie waar dit probleem 'm in zit? Als iemand me nog een stapje verder kan helpen ben ik zeer dankbaar

listextended module voor portfolio pagina.

Who is online