• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic Reply to topic  [ 22 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: listextended module voor portfolio pagina.
PostPosted: Sun Jan 27, 2013 3:00 pm 
Offline
Forum Members
Forum Members

Joined: Sun Nov 30, 2008 6:45 pm
Posts: 161
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


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Sun Jan 27, 2013 3:48 pm 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Wed Apr 23, 2008 7:53 am
Posts: 6044
Location: The Netherlands
Code:
{capture assign='screen'}{$uploads_url}/{$item->fielddefs.image.value}{/capture}
Wat is hierna de waarde van {$screen}?

_________________
Dutch CMSMS community website cmsms.nl and Wiki wiki.cmsms.nl
--------------------------
My CMSMS Tips and Tricks Weblog and website about Pneumatic Tube Systems / Rohrpost
My other (Dutch) website: Smakelijk eten zonder zout (Design: Compufairy)


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Sun Jan 27, 2013 5:27 pm 
Offline
Forum Members
Forum Members

Joined: Sun Nov 30, 2008 6:45 pm
Posts: 161
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..


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Sun Jan 27, 2013 5:50 pm 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Wed Apr 23, 2008 7:53 am
Posts: 6044
Location: The Netherlands
{$item->fielddefs.image.value} -> {$item->fielddefs['image'].value}

_________________
Dutch CMSMS community website cmsms.nl and Wiki wiki.cmsms.nl
--------------------------
My CMSMS Tips and Tricks Weblog and website about Pneumatic Tube Systems / Rohrpost
My other (Dutch) website: Smakelijk eten zonder zout (Design: Compufairy)


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Sun Jan 27, 2013 6:00 pm 
Offline
Forum Members
Forum Members

Joined: Sun Nov 30, 2008 6:45 pm
Posts: 161
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...


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Sun Jan 27, 2013 6:12 pm 
Offline
Forum Members
Forum Members

Joined: Sun Nov 30, 2008 6:45 pm
Posts: 161
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!!!


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Tue Jan 29, 2013 11:10 am 
Offline
Forum Members
Forum Members

Joined: Sun Nov 30, 2008 6:45 pm
Posts: 161
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


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Tue Jan 29, 2013 5:19 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Tue Aug 12, 2008 9:30 pm
Posts: 2089
Location: Feldkirchen in Kärnten, Austria
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)

_________________
CMSMS Blog - I do this!
Forge profile
Github profile
Twitter
=============================================
Support CMSMS


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Tue Jan 29, 2013 6:48 pm 
Offline
Forum Members
Forum Members

Joined: Sun Nov 30, 2008 6:45 pm
Posts: 161
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 ;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...


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Tue Jan 29, 2013 7:20 pm 
Offline
Power Poster
Power Poster
User avatar

Joined: Tue Aug 12, 2008 9:30 pm
Posts: 2089
Location: Feldkirchen in Kärnten, Austria
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> 

_________________
CMSMS Blog - I do this!
Forge profile
Github profile
Twitter
=============================================
Support CMSMS


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Tue Jan 29, 2013 8:06 pm 
Offline
Forum Members
Forum Members

Joined: Sun Nov 30, 2008 6:45 pm
Posts: 161
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


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Mon Feb 11, 2013 6:18 pm 
Offline
Forum Members
Forum Members

Joined: Sun Nov 30, 2008 6:45 pm
Posts: 161
Iemand nog een suggestie waar dit probleem 'm in zit? Als iemand me nog een stapje verder kan helpen ben ik zeer dankbaar ;D


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Fri Jan 03, 2014 2:19 pm 
Offline
Forum Members
Forum Members

Joined: Tue Mar 18, 2008 11:43 pm
Posts: 54
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:
{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:
<li class="item {$item->category_alias}">
Ik krijg alleen de li class 'item' ( <li class="item "> ) en geen category alias.


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Fri Jan 03, 2014 2:57 pm 
Offline
Dev Team Member
Dev Team Member

Joined: Mon Nov 28, 2011 9:29 am
Posts: 1633
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:
...
<!--
{$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.


Top
 Profile  
 
 Post subject: Re: listextended module voor portfolio pagina.
PostPosted: Fri Jan 03, 2014 4:11 pm 
Offline
Forum Members
Forum Members

Joined: Tue Mar 18, 2008 11:43 pm
Posts: 54
@ 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.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 22 posts ]  Go to page 1, 2  Next

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Arvixe - A CMSMS Partner