Module menu déroulant vertical [v0.6]

[tom06]

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

Attached File(s)

•  blockcategoriesmdi.zip (12bytes)
  Number of downloads: 1709

[Patric Codron]

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.prestasho...iewthread/10129

En tous cas merci de partager.

[tom06]

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

[tom06]

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 :

Code supprimé car problème résolu :)

Merci d'avance de votre aide surtout que je débute sur PrestaShop :p

[tom06]

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

[tom06]

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

[jolvil]

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

[fistou]

From 1232012833:

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.

[Cédric Girard]

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 ;-)

[tom06]

Voici un exemple live (ma boutique en cours de construction) :
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

[tom06]

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

ou autre qui serait autour du menu...

Donc je pense qu'il va falloir adapter le code javascript vis à vis des

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 ;)

Cre@Web06.fr - Création web, modules prestashop

Forum Du Pecheur - Un peu de détente pour les amateurs ;)

• Back to top

[tom06]

Bug RESOLU

J'avais mis un 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

[Kreasite]

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

Merci à toi.

DAV

[m1bs]

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

[tom06]

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

[Cédric Girard]

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 :-S (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)

[Cédric Girard]

Au fait, on est presque voisins (ma société est à Vendeuvre/Barse et je bosse encore comme salarié sur Troyes ;-) )

[m1bs]

effectivement il marche bien sous ie6 donc c'est relativement intéressant :)

[tom06]

Cédric => faut le bruler c p... de navigateur ;) et je bosse sur Safari et FF3 ça plante moins souvent
Troyer ça fais 45mn de route c'est pas loin du tout dis donc, sinon vendeuvre c pas dans le calvados ? Si oui quand tu passe sur chalons pense à me déposer une ptite bouteille :)

Le module passe sur quasi tous les navigateurs, et il devrait même passer sur IE5 (à vérifier) si quelqu'un à encore ce dinosaure lol

[Cédric Girard]

Non non, Vendeuvre/Barse c'est dans l'Aube, à l'est des Lacs de la Forêt d'Orient (j'habite dans le Parc Naturel en fait) ; si tu cliques dans ma signature sur "photographe professionnel", tu verras quelques unes de mes photos faites localement (pas toutes mais la plupart)

Sinon début 2008 j'ai sorti un livre sur notre belle région ;-)


Enfin bon, je ferme la parenthèse ! Pour les tests des anciens IE, j'utilise IETester, pas hyper stable mais permet de voir le résultat facilement sur toutes les versions d'IE, de la 5.5 à la 8.0 beta :)