Forum CMS Made Simple FR
[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>