listextended module voor portfolio pagina.

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

rayring
Forum Members
Forum Members
Posts: 166
Joined: Sun Nov 30, 2008 6:45 pm

listextended module voor portfolio pagina.

Post 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
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: listextended module voor portfolio pagina.

Post by Rolf »

Code: Select all

{capture assign='screen'}{$uploads_url}/{$item->fielddefs.image.value}{/capture}
Wat is hierna de waarde van {$screen}?
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
rayring
Forum Members
Forum Members
Posts: 166
Joined: Sun Nov 30, 2008 6:45 pm

Re: listextended module voor portfolio pagina.

Post 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..
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: listextended module voor portfolio pagina.

Post by Rolf »

{$item->fielddefs.image.value} -> {$item->fielddefs['image'].value}
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
rayring
Forum Members
Forum Members
Posts: 166
Joined: Sun Nov 30, 2008 6:45 pm

Re: listextended module voor portfolio pagina.

Post 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...
rayring
Forum Members
Forum Members
Posts: 166
Joined: Sun Nov 30, 2008 6:45 pm

Re: listextended module voor portfolio pagina.

Post 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!!!
rayring
Forum Members
Forum Members
Posts: 166
Joined: Sun Nov 30, 2008 6:45 pm

Re: listextended module voor portfolio pagina.

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

Re: listextended module voor portfolio pagina.

Post 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)
rayring
Forum Members
Forum Members
Posts: 166
Joined: Sun Nov 30, 2008 6:45 pm

Re: listextended module voor portfolio pagina.

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

Re: listextended module voor portfolio pagina.

Post 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>  
rayring
Forum Members
Forum Members
Posts: 166
Joined: Sun Nov 30, 2008 6:45 pm

Re: listextended module voor portfolio pagina.

Post 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
rayring
Forum Members
Forum Members
Posts: 166
Joined: Sun Nov 30, 2008 6:45 pm

Re: listextended module voor portfolio pagina.

Post 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
(M)
Forum Members
Forum Members
Posts: 118
Joined: Tue Mar 18, 2008 11:43 pm

Re: listextended module voor portfolio pagina.

Post 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.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: listextended module voor portfolio pagina.

Post 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.
(M)
Forum Members
Forum Members
Posts: 118
Joined: Tue Mar 18, 2008 11:43 pm

Re: listextended module voor portfolio pagina.

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

Return to “Dutch - Nederlands”