Bonjour,

Je suis actuellement en cours de création d’un module pour afficher les catégories sous la forme d’un menu déroulant.

Dès que le module sera fonctionnel je vous donnerais le lien de téléchargement en espérant avoir de l’aide pour corriger les bugs qu’il pourrait avoir

Pour le moment c’est en bonne voie

EDIT : Fichier ZIP mis à jour en date du 16/08/2010

Tu comptes utiliser quelles “technologies” ?

Pour info, je crois que Cédric Girard en a fait un en full CSS (sans Javascript car plus compatible SEO) qu’il est en train de fignoler
http://www.prestashop.com/forums/viewthread/10129

En tous cas merci de partager.

Je vais utiliser CSS et javascript

Après niveau compatibilité, j’ai testé avec opéra, mozilla et ie7 => ça marche mais je dois terminer les gestion des sous menu

edit :
j’ai regardé son module mais ce n’est pas tout à fait la même chose, le mien pourra venir en remplacement du module blockcategories d’origine de PS donc remis à jour de la même façon

Bonjour @ tous

J’ai un soucis dans le développement de mon module.

J’ai créé une fonction ( public function RecupSousCategories($xxx,$yyy) … ) et lorque j’appel cette fonction dans mon script j’ai une erreur “Internal Server Error 500”

ci dessous mes 2 fonctions en rapport dans le script des fois que :

Problème de fonction résolu par moi même

Maintenant le script est presque terminé, il me reste à voir un bug dans le fichier JS
à mon avis je penche pour un conflis de variable ou de fonction en javascript

je vous tiens informé de l’avancement

Module fonctionnel dès aujourd’hui

Il reste à corriger un bug avec firefox et safari
Ce bug n’existe pas sur le code d’origine mais avec le template de presta d’origine le menu est en décalé à partir du 2eme niveau, donc si certains veulent aider à débuguer ce projet et à l’améliorer ils sont les bienvenus

Ci-joint le module au format ZIP

menu sympa

Ne fonctionne pas bien sous chrome: un seul niveau de sous menu affiché et lorsque un lien est activé on ne peut utiliser les autres liens

jolvil - 15 January 2009 12:47 PM

menu sympa

Ne fonctionne pas bien sous chrome: un seul niveau de sous menu affiché et lorsque un lien est activé on ne peut utiliser les autres liens

+1 je confirme ce que dit jolvil idem sous FF3.

Merci pour cette contribution et bonne continuation.

Bonjour

Peut-on voir un exemple en live ?

Est-ce que tu gères les sous-menus en full Javascript ou est-ce que tu travailles sur les attributs CSS pour afficher/masquer les sous-menus ? Je pose la question car il y a deux manières d’envisager un menu déroulant :

• soit il est “SEO friendly” (c.à.d basé sur du code XHTML propre et “animé” via du javascript ; toutes les catégories sont visibles par les moteurs)
• soit seul le premier niveau est suivable par les moteurs (les sous-catégories ne sont visibles que par les visiteurs, pas par les robots des moteurs)

La seconde solution peut avoir une grande utilité par exemple sur les sites avec de très nombreuses catégories, car avoir 70 ou 80 liens de catégories sur toutes les pages d’un site n’est pas forcément une bonne solution d’un point de vue référencement. Dans ce cas précis il sera plus intelligent de travailler par niveaux/sous-niveaux

Voici un exemple live (ma boutique en cours de construction) :
http://www.boutique-mdi.com

Les menus sont calculés en full javascript mais pourquoi pas utiliser ta solution en CSS qui serait certainement bien mieux compatible avec les navigateurs

Concernant les bugs sous chrome je vais tester le pourquoi ça ne passe pas, mais je sais que seul le template d’origine de PS passe “relativement bien” avec le module
=> edit : je viens de tester c’est le même bug qu’avec firefox, et safari ==> donc à corriger d’urgence

Merci de vos retours

je viens d’essayer le menu en dehors de prestashop il passe sur tous les navigateurs sans aucun problème
Ma première idée est la bonne, le bug doit apparaître à cause d’un <div> ou autre qui serait autour du menu…

Donc je pense qu’il va falloir adapter le code javascript vis à vis des <div> qui sont autour du menu et qui font parti de prestashop
si quelqu’un se sent de me donner un coup de main à trouver le moyen de débuguer ça

Bug RESOLU

J’avais mis un </li> au mauvais endroit :(

Maintenant tout est OK, j’ai testé avec IE6, IE7, FF3, CHROME, SAFARI est tout semble OK

Voici en pièce jointe la nouvelle version du menu corrigé

Bon test @ tous

Bravo pour ce menu, c’est une super idée.

Merci à toi.

DAV

Hello,

Vraiment bien ce module, j’ai regardé un peu la partie javascript, bon j’ai pas tout tout compris mais effectivement ça marche très bien.
Super travail !

Juste pour comprendre le principe pour que je voie le concept, comment ça fonctionne en gros est-ce que l’on fait ceci, dans le fichier .tpl on lit le parent, et on lit la(les) catégories enfants (tous les enfants sont masqués dans des div) avec un z-index.
Ensuite dans javascript lors du positionnement sur l’enfant on fait afficher le div…

A bientôt

Merci pour vos commentaires

Pour répondre à m1bs :
Je lis toutes mes données dans des variables tampons dans le fichier .php ensuite j’envoi les variables tampons vers le .tpl
Mon fichier php est pour le moment une “moulinette” et je vais l’améliorer pour les performances petit à petit.
Effectivement les div enfant sont cachés à l’aide de l’appel js fais après l’affiche du menu parent.
Le script gère normalement les urls “https” => à tester

Ensuite je compte pouvoir gérer depuis le back office la profondeur maxi du menu, si il y en a qui ont d’autres idées d’amélioration je suis preneur

Bon courage à tous dans vos développements et sur ce bonne nuit

Petit edit avant de dormir : le module peut être adapté en menu horizontal (c’est déjà programmé dans le JS), je sortirais peut être l‘équivalent pour afficher le menu horizontal en haut du site

Ah oui, sympa ça !

Tu sais, en fait quand tu as de nombreuses catégories, du moment que tu affiches les sous-catégories dans chaque page catégorie “mère” (je sais pas si je suis clair ) tu n’as pas forcément besoin d’avoir tous les liens “en dur” dans le code vers toutes les catégories et sous-catégories.

Car comme je le disais, ça peut défavoriser le positionnement des pages produits en prenant un poids sémantique trop important (densités de mots-clés, par exemple si plusieurs catégories ont des mots en commun dans leur nom…)

C’est du pinaillage mais ça peut avoir son importance, et surtout ça peut accessoirement simplifier l’accessibilité du site aux personnes handicapées visuelles (elles ne voyent que les catégories “mères” et ne se fadent pas les 50000 sous-catégories sur chaque écran )

Beau boulot, si en plus ça fonctionne sur IE6 ! Mon menu full CSS est encore un poil bugué sur ce p… de navigateur (en fait ne vient pas du menu lui-même mais de l’habillage des éléments de base ! Mais bon c’est pas trop urgent pour le moment donc je laisse couler)