[Résolu] Listit2:afficher les images dans le sommaire des publications

[Résolu] Listit2:afficher les images dans le sommaire des publications - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Modules, Tags (https://forum.cmsmadesimple.fr/forum-14.html)
+--- Sujet : [Résolu] Listit2:afficher les images dans le sommaire des publications (/thread-2388.html)

[Résolu] Listit2:afficher les images dans le sommaire des publications - zounars - 22/11/2012

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.2.1
#~ Url du site : cmaxi.com
#~ Hébergeur / Soft : Hostgator
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.2.1
#~ Installed Modules:
#~ CMSMailer: 5.2.1
#~ FileManager: 1.4.1
#~ MenuManager: 1.8.4
#~ ModuleManager: 1.5.5
#~ News: 2.12.9
#~ Printing: 1.1.2
#~ Search: 1.7.7
#~ ThemeManager: 1.1.7
#~ TinyMCE: 2.9.11
#~ CGSimpleSmarty: 1.5.2
#~ CGExtensions: 1.31.2
#~ CGBlog: 1.9.8
#~ CGFeedback: 1.5.10
#~ FrontEndUsers: 1.21
#~ CGUserDirectory: 1.3
#~ FormBuilder: 0.7.3
#~ Captcha: 0.4.5
#~ AdvancedContent: 0.9.3
#~ Gallery: 1.6
#~ TreeManager: 0.6.0
#~ MleCMS: 1.10.5
#~ CGSmartImage: 1.9.5
#~ Guestbook: 1.3.3.2
#~ GBFilePicker: 1.3.2
#~ CMSPrinting: 1.0.3
#~ MicroTiny: 1.2.3
#~ CustomContent: 1.8.3
#~ JQueryTools: 1.1.1
#~ CompanyDirectory: 1.16.2
#~ ListIt2: 1.2.2
#~ CGContentUtils: 1.3.3
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ output_compression: false
#~ max_upload_size: 64000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.2.17
#~ md5_function: On (True)
#~ gd_version: 2
#~ tempnam_function: On (True)
#~ magic_quotes_runtime: Off (False)
#~ E_STRICT: 0
#~ memory_limit: 256M
#~ max_execution_time: 30
#~ output_buffering: On
#~ safe_mode: Off (False)
#~ file_uploads: On (True)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (True)
#~ xml_function: On (True)
#~ xmlreader_class: On (True)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.5.23
#~ Server Db Grants: Could not find a suitable "GRANT ALL" permission. This may mean you could have problems installing or removing modules. Or even adding and deleting items, including pages
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~

Bonjour à tous,

Sur la base du tutoriel de Goran http://www.i-do-this.com/blog/44/Using-ListItExtended-module-and-Isotope-jQuery-plugin-for-nice-showcase-page , je voudrais afficher l'image dans le sommaire de listit2

J'ai supprimer les balises de "supersizer" car elles ne fonctionnent pas.

Mon gabarit sommaire:

Code :
[== XHTML ==]

{* 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}

{assign var=screen value=$item->fielddefs.image.value}

 {* list our items *}

 <li class="item {$item->category_alias}">

<img src="/uploads/portfolio/$screen" alt="image" class="thumb" width="200" height="180" />

 <h3 class="item-title">{$item->title|cms_escape}</h3>  

 {* our hidden content/ shown when clicked *}       

 <div class="item-content clearfix">           

<img src="/uploads/portfolio/$screen" alt="image"  width="300" height="280" />     

 <h2>{$item->title|cms_escape}</h2>          

 {$item->fielddefs.description.value}         

 </div>    

 </li>

{/foreach}

</ul>  

</div>

Vous pouvez voir le résultat sur la page sur laquelle je travaille http://cmaxi.com/

Merci pour l'aide.

[Résolu] Listit2:afficher les images dans le sommaire des publications - Jean le Chauve - 22/11/2012

Bonjour,
Lorsque tu appelles une variable dans ton html, utilise {$variable}
<img src="/uploads/portfolio/{$screen}" alt="image" class="thumb" width="200" height="180" />
Utilise le plugin CGSmartImage au lieu de supersizer (cherche sur ce forum, il y a des tas de post à ce sujet).

[Résolu] Listit2:afficher les images dans le sommaire des publications - zounars - 22/11/2012

Merci pour ta réponse.

J'ai trouvé et lu plusieurs posts sur CGSmartImage que j'ai intégré à mon gabarit. Le hic c'est que je n'ai pas d'image.

Code :
[== XHTML ==]

{* 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 filter_resizetofit="200,180" 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 filter_resizetofit="300,280" class="thumb"}    

 <h2>{$item->title|cms_escape}</h2>          

 {$item->fielddefs.description.value}         

 </div>    

 </li>

{/foreach}

</ul>  

</div>

Merci pour l'aide.

[Résolu] Listit2:afficher les images dans le sommaire des publications - Jean le Chauve - 22/11/2012

{capture assign='screen'}{$uploads_url}/{$item->fielddefs.image.value}{/capture}
Où se trouve cette variables $uploads_url que tu souhaites capturer ?
Écris {get_template_vars} dans ton gabarit et tu verras quelles sont les variables utilisées dans ton gabarit.
Essaye déjà sans le plugin cgsmartimage, avec un simple <img, ainsi tu verras quel est le problème au niveau des chemins.

[Résolu] Listit2:afficher les images dans le sommaire des publications - zounars - 22/11/2012

Merci, mon problème est résolu.
ci-dessous mon nouveau gabarit sommaire de listit2

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>