Sujet fermé
Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

[Résolu] Menu déroulant avec images
#1

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
#2

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.

{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
#3

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.
#4

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

J-C Etiemble v 2.2.xx
#5

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/
#6

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é...
#7

donne nous la sortie complète de

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

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

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.

{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
#9

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

J-C Etiemble v 2.2.xx
#10

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

{SEO}
Inscrivez-vous à notre Newsletter sur le site (colonne de droite, en bas).
Vous appréciez CMSMS et l'aide qui vous est fournie ici, aidez-nous en participant au projet.
Formation CMS Made Simple | Création de site CMS Made Simple.

C'est en se plantant qu'on devient cultivé.
J'ai un string dans l'Array (Paris Hilton)
#11

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

J-C Etiemble v 2.2.xx
#12

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...
#13

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

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

J-C Etiemble v 2.2.xx
Sujet fermé


Atteindre :


Utilisateur(s) parcourant ce sujet : 16 visiteur(s)