Forum CMS Made Simple FR
[Résolu] Menu déroulant avec images - 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] Menu déroulant avec images (/thread-1211.html)


[Résolu] Menu déroulant avec images - berninoel42 - 06/05/2011

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.9.4.1
#~ Url du site : local
#~ Hébergeur / Soft :
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour à tous,


Pensez vous qu'il soit "facilement" réalisable la création d'un menu déroulant avec des images à la manière du site de la ville de Grenoble http://grenoble.fr .
J'en conviens qu'il y a un peu de codage mais j'ai du mal a évaluer le temps et la méthode de travail pour avoir un menu dynamique et lui ressemblant.

merci

[Résolu] Menu déroulant avec images - jissey - 06/05/2011

bonjour,
oui, c'est possible.
dans l'onglet option des pages, on peut choisir une image ou une vignette, il suffit ensuite de la récupérer dans le gabarit du menu et le tour est joué. Aucun codage.

[Résolu] Menu déroulant avec images - berninoel42 - 09/05/2011

y'a t-il un code particulier à mettre dans le gabarit?
je mets bien l'image mais rien ne se passe . J'ai essayé différentes tailles, mais aucune image s'affiche.
Qu'elle est la différence entre vignette et image?
merci.

[Résolu] Menu déroulant avec images - jce76350 - 09/05/2011

Code :
y'a t-il un code particulier à mettre dans le gabarit?
le monsieur a dit dans dans le gabarit du menu
Voir l'aide du menu Cool
par exemple
tu ajoutes {if $node->image != ''} <img src="{$node->image}" alt="" />{/if}
si pas d'image (dans l'onglet option des pages) rien d'affiché
si image (dans l'onglet option des pages) on affiche

Citation :Qu'elle est la différence entre vignette et image?
ben ... la taille réduite de la vignette (comme son nom l'indique) Wink


PS cette discussion serait mieux dans
Modules, Tags
Aide concernant l'utilisation des modules, balises et balises utilisateur

[Résolu] Menu déroulant avec images - bess - 09/05/2011

ton gabarit de menu permet il d'afficher l'image paramétrée dans la page ?

$node->image ou un truc de ce genre (oulala je sais plus ca fait un bail que je n'ai pas fait de l'image dans un menu)

à la rigueur si tu as le temps fait un {$node|print_r} dans la boucle foreach du gabarit de ton menu, ca va TOUT tracer en débug. une fois les traces sorties, tu recherche dans les traces l'endroit ou apparait l'url de l'image que tu as attitré à une de tes pages et ainsi tu devrais savoir comment s'appel la variable.

Si elle s’appelle 'toto' => '/uploads/rep/monimage.jpg' alors il faudra coder dans le menu : $node->toto et voir si ca affiche (mochement) dans le menu l'url de l'image

Si le lien s'affiche tu as gagné. Il te reste à mettre une condition :
Code :
{if $node->toto neq ''}$node->toto{/if}

et enfin mettre le code des images :

Code :
{if $node->toto neq ''}<img src="$node->toto" alt='image menu'/>{/if}

fin de l'histoire.



Je te cache pas, pour un non-habitué ça peut dérouter un peu ^^


edit : grillé par JCE.... remarque mon code reste bon \o/

[Résolu] Menu déroulant avec images - berninoel42 - 10/05/2011

MErci

J'ai inséré le code de jce
{if $node->image != ''} <img src="{$node->image}" alt="" />{/if}
dans mon gabarit de menu, puis j'ai selectionné une image et une vignette ( qui étaient posé sur mon serveur. Mais rien ne s'est affiché. J'ai donc enlevé la condition ce qui m'a donné:
<img src="{$node->image}" alt="" />
Et la j'avais un "emplacement" d'image ( comme si l'url était mauvaise )
j'ai donc remplacé {$node->image} par la véritable url pour voir si ca affiché bien l'image et effectivement l'image s'affichait.
j'ai donc essayer de mettre un {$node|print_r} dans ma boucle et je n'ai pas l'impression que {$node->image} va chercher cette image.
pour info , je suis en local en version 1.9.4.1 "Faanui" avec la version de base gabarit "Ncleanblue" et tpl du menu "cssmenu_ulshadow.tpl".

Avec vos explications ca m'avait paru tout simple mais j'ai du loupé quelques chose...
Si vous pouvez encore m'aidé...

[Résolu] Menu déroulant avec images - bess - 10/05/2011

donne nous la sortie complète de

Code :
###{$node|print_r}###

tu la trouveras dans le code source entre les paquets de dièzes

[Résolu] Menu déroulant avec images - jissey - 10/05/2011

Bonjour,
$node->image ne renvoie que le nom de l'image.
Cela ne suffit pas, il faut reconstituer le chemin complet:
Citation :<img src="{$gCms->config.image_uploads_url}/{$node->image} />"

A adapter avec l'emplacement de tes images.

[Résolu] Menu déroulant avec images - jce76350 - 10/05/2011

Citation :$node->image ne renvoie que le nom de l'image.
Cela ne suffit pas, il faut reconstituer le chemin complet:

non non !!! si tu bien mis ton image dans ta page c'est suffisant (et bien configurer le chemin)
ça c'est garanti et testé Cool

[Résolu] Menu déroulant avec images - jissey - 10/05/2011

JCE a certainement raison, moi j'ai repris ça car je l'avais fait sur un site en 1.8.2.
La branche des 9.x a dû changer tout ça .... haaaaa mon dieu, le temps passe si vite et les choses évoluent Big Grin

[Résolu] Menu déroulant avec images - jce76350 - 10/05/2011

pas oublier dans le gabarit de virer loadprops de : {menu ...}

{menu template='ton_templatemenu.tpl' number_of_levels='1'}

j'ai fais un petit tuto du truc à télécharger sur la page Création d'un menu avec image avec CMSms


Et je dépalce cette discussion dans
Modules, Tags
Aide concernant l'utilisation des modules, balises et balises utilisateur

[Résolu] Menu déroulant avec images - berninoel42 - 11/05/2011

Victoire!!
Merci à tous ça fonctionne !! J'ai juste enlevé le "loadprops" dans le menu... et ça a fonctionné...
Dans la version 1.9.4 il n'est donc pas nécessaire de noter le chemin...
Merci à tous...

[Résolu] Menu déroulant avec images - jce76350 - 11/05/2011

Citation :Merci à tous ça fonctionne !! J'ai juste enlevé le "loadprops" dans le menu.

ben oui lire l'aide c'est BIEN indiqué Cool