Page 1 of 2

listextended module voor portfolio pagina.

Posted: Sun Jan 27, 2013 3:00 pm
by rayring
Ik probeer onderstaande portfolio te realiseren:
http://www.i-do-this.com/blog/44/Using- ... wcase-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/viewt ... 191#p32191

Echter ik kom niet verder, wie kan mij helpen?

De laatste template die ik gebruik in listIt2 is:

Code: Select all

[== 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

Re: listextended module voor portfolio pagina.

Posted: Sun Jan 27, 2013 3:48 pm
by Rolf

Code: Select all

{capture assign='screen'}{$uploads_url}/{$item->fielddefs.image.value}{/capture}
Wat is hierna de waarde van {$screen}?

Re: listextended module voor portfolio pagina.

Posted: Sun Jan 27, 2013 5:27 pm
by rayring
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..

Re: listextended module voor portfolio pagina.

Posted: Sun Jan 27, 2013 5:50 pm
by Rolf
{$item->fielddefs.image.value} -> {$item->fielddefs['image'].value}

Re: listextended module voor portfolio pagina.

Posted: Sun Jan 27, 2013 6:00 pm
by rayring
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...

Re: listextended module voor portfolio pagina.

Posted: Sun Jan 27, 2013 6:12 pm
by rayring
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!!!

Re: listextended module voor portfolio pagina.

Posted: Tue Jan 29, 2013 11:10 am
by rayring
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? ;D

Re: listextended module voor portfolio pagina.

Posted: Tue Jan 29, 2013 5:19 pm
by uniqu3

Code: Select all

{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)

Re: listextended module voor portfolio pagina.

Posted: Tue Jan 29, 2013 6:48 pm
by rayring
uniqu3 wrote:

Code: Select all

{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 ;D

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...

Re: listextended module voor portfolio pagina.

Posted: Tue Jan 29, 2013 7:20 pm
by uniqu3
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: Select all

<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>  

Re: listextended module voor portfolio pagina.

Posted: Tue Jan 29, 2013 8:06 pm
by rayring
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

Re: listextended module voor portfolio pagina.

Posted: Mon Feb 11, 2013 6:18 pm
by rayring
Iemand nog een suggestie waar dit probleem 'm in zit? Als iemand me nog een stapje verder kan helpen ben ik zeer dankbaar ;D

Re: listextended module voor portfolio pagina.

Posted: Fri Jan 03, 2014 2:19 pm
by (M)
Ik probeer ook de ListItExtended module werkend te krijgen en gebruikt de template die 'uniqu3' hieronder gepost heeft.

Mijn probleem is dat de category_alias niet werkt.

Code: Select all

{foreach from=$categories item=cat}   
      <li><a href="#{$cat->category_alias}" class="button">{$cat->category_name}</a></li>   
   {/foreach}
Het gegenereerd geen buttons. Ik heb ze er handmatig in gezet om te testen. Maar de buttons reageren niet.

Zodoende kom ik tot de ontdekking dat er geen category class gegenereerd wordt door;

Code: Select all

<li class="item {$item->category_alias}">
Ik krijg alleen de li class 'item' ( <li class="item "> ) en geen category alias.

Re: listextended module voor portfolio pagina.

Posted: Fri Jan 03, 2014 2:57 pm
by velden
Je gebruikt nu twee dingen door elkaar:

$cat en $item
Typisch wordt $item gebruikt voor een item object en $cat voor een category object.

Het ligt overigens ook aan wat voor action je gebruikt.
Om wat voor template gaat het (category of summary of...)?

Verder: als je wilt weten wat er in een object staat kun je in je loop gebruik maken van de print_r functie. Wat ik vaak doe is dat als comment printen en dan even in de html source kijken van webpagina:

Code: Select all

...
<!--
{$item|print_r}
-->
...
Bedenk dat het zomaar zou kunnen zijn dat de genoemde template voorbeelden niet meer geschikt zijn voor de laatste LI2.

Als je vertelt wat je probeert te maken, dan kan ik je wellicht een voorbeeld tonen dat werkt met de laatste versie.

Re: listextended module voor portfolio pagina.

Posted: Fri Jan 03, 2014 4:11 pm
by (M)
@ velden; bedankt voor je snelle reactie.

Wat ik wil maken is een overzicht met foto's die allen een categorie meekrijgen. Bovenaan het overzicht met foto's moet een filter mechanisme komen waar een categorie te kiezen is. Na een keuze wordt een set met foto's getoond op dezelfde pagina, ofwel het filter mechanisme blijft in beeld.

Het zo mooi zijn als het filter mechanisme werkt via een dropdown menu op twee niveaus. Eerst kies je een hoofd categorie waarna de betreffende sub-categorieën te kiezen zijn.

Zou mooi zijn als je mij op weg kunt helpen.