Forum CMS Made Simple FR

Version complète : [Résolu] Menu déroulant avec images
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
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
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.
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.
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
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/
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é...
donne nous la sortie complète de

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

tu la trouveras dans le code source entre les paquets de dièzes
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.
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
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
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
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...
Citation :Merci à tous ça fonctionne !! J'ai juste enlevé le "loadprops" dans le menu.

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