Hola , Usuario |
| Registro
Recordar mi cuenta ¿Ha olvidado la contraseña ?
Site Map Mapa de sitio Contact us Contacte con nosotros
PrestaShop e-commerce software
  741 Usuarios en línea
Forum  >  Forum francophone  >  Modules tiers  >  Thread

1 of 6
1
Post Reply
New Topic
[Module] Menu horizontal avec les différentes catégories

offline
Posted: 28 August 2009 02:49 AM   [ Ignore ]
V.I.P.
RankRankRankRank
Avatar

Messages :

  • total: 539
  • last 7 days: 1
Joined: 2009-02-06

Ce module fait suite à ce post:
http://www.prestashop.com/forums/viewthread/26048/developpement_et_modules/
categories_sous_forme_donglets_menu_deroulant_horizontal

Le module de base a été developpé par Cegiel (Version 1.0)
Je n’ai fait que le modifier à ma “sauce”

Update du 29/08/2009:
Version 1.2:
Correction de petits bugs
Compatible IE6, IE7 et >
Compatible Presta 1.2.1.0

Reste à faire:

- Arriver enfin à centrer verticalement le nom des catégories (dans le cas où certaines sont sur 2 lignes et/ou 1 ligne)
Si un pro du css passe par là!!!
Sous IE8, un display: table-cell et un vertical-align: middle fonctionne mais sous IE6 et 7 problème

- Changer le nom (Comme le souligne fort justement Jolvil c’est un menu pas un block) (Déjà fait, dispo dans prochaine version)

- Mettre des flêches à droite des sous-menu si l’arborecence continue

Rappel pour l’installation:

- Dans le global.css de votre thème:
chercher et mettez width à 100% (Sinon le menu ne commencera pas à gauche!)

#header {
    floatleft;
    
width100%;
    
text-alignright;
}

- Si vous avez quelques problèmes d’affichage (Sur 3 niveaux) et que vous avez mis dans le header.tpl de votre thème afin de le rendre compatible avec ie6, retirer cette ligne car elle met le “brin” dans le menu juste au niveau du 3ème menu d’arborescence, sinon laissez-là…

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

- installer le module

- Dans la partie Admin, “configurer” vous donnera accès au nombre de niveau (profondeur) et au délai d’ouverture
(J’ai retiré la partie où on choisissait dans le module original la largeur de l’onglet)

Maintenant tout est géré dans le css du module (Donc si vous voulez des images, des onglets, des couleurs précises pour les catégories, sous-catégories, c’est là-bas que cela se passe…)

- Pour gérer le temps de fermeture des menus:
Ouvrir le jquery.droppy.js
trouver la ligne 38 }, 500);
A l’origine il y a 500, j’ai mis 100 pour une fermeture + rapide

De l’indulgence, svp, je ne suis qu’un modeste débutant en php et css.
Il y a certainement des améliorations à faire et je compte sur vous.

Merci à Cegiel pour son module original car c’est lui qui a fait le plus gros du travail !!!

Image Attachments
Sans titre.jpg
File Attachments
blockcategoriestopsc 1.2.zip  (File Size: 10KB - Downloads: 1834)
 Signature 

Presta prod 1.2.5 /svn
Faites un don aux developpeurs qui nous offrent ici leur travail, c’est important.
EN VACANCES

 
offline
Posted: 28 August 2009 09:08 AM   [ Ignore ]   [ # 1 ]
Partner
RankRankRankRankRank

Messages :

  • total: 2129
  • last 7 days: 5
Joined: 2007-12-22

Merci pour cette contribution grin

Ajouté à la liste de Modules Prestashop en attendant Prestatools.com

Je me demande si tu aurai du utiliser le terme block pour le nom du module, je ne pense pas que cela puisse etre considéré comme un bloc puisque c’est un menu horizontal

 
offline
Posted: 28 August 2009 09:44 AM   [ Ignore ]   [ # 2 ]
Regular
RankRank
Avatar

Messages :

  • total: 74
  • last 7 days: 0
Joined: 2009-05-11

fonctionne pas avec ma version de prestashop il n’affiche rien, tant pis smile

 Signature 

Prestashop: Version 1.1.0.5 > migrée en 1.2.5 (debug en cours) - Hébergement dédié OVH MicroCiné

 
offline
Posted: 28 August 2009 10:59 AM   [ Ignore ]   [ # 3 ]
V.I.P.
RankRankRankRank
Avatar

Messages :

  • total: 539
  • last 7 days: 1
Joined: 2009-02-06

Jolvil, oui effectivement le terme block n’est pas vraiment adapté : mais je n’ai, pour le moment, pas eu le temps de refaire complétement le module de Cegiel. Disons que c’est pour cela que j’ai livré ici plutôt une “base de travail”.

yannsarah, tu n’as pas modifié ton header.tpl par hasard?
As-tu essayé la version originale de Cegiel afin de savoir si cela vient de mon adaptation?

Jolvil tu l’as essayé?

 Signature 

Presta prod 1.2.5 /svn
Faites un don aux developpeurs qui nous offrent ici leur travail, c’est important.
EN VACANCES

 
offline
Posted: 28 August 2009 01:41 PM   [ Ignore ]   [ # 4 ]
Regular
RankRank

Messages :

  • total: 51
  • last 7 days: 0
Joined: 2009-07-19

Bonjour,

Heureux de voir que mon petit module ne sombre pas dans l’oubli !

Comme MaxHome, je suis débutant en prestashop, css et php.

YannSarah :
Désolé, mais il semblerait que ce module ne soit pas compatible avec la V1.1 de Prestashop. Je verrai ça prochainement.

MaxHome :
J’avais volontairement utilisé la class “idTabs”, livré par défaut avec Prestashop dans le global.css. Ainsi, le style des onglets “suit” le thème, et le css du module s’en trouve plus léger. Et comme il y a deux largeurs pour les onglets natifs Prestashop, je me suis payé le “luxe” de l’ajouter dans la configuration.
Mais effectivement, le “idTabs” est peut-être un peu trop discret pour présenter les catégories.
On pourrait donc ajouter dans la configuration un troisième choix d’onglet : “Style personnalisé”…

J’ai un peu arrêté de tester avec IE6… Beaucoup de sites de sont pas compatibles avec ce navigateur. Pas mal de sites bloquent carrément l’accès.
Avec IE7, je ne vois pas de problème particulier.

Cordialement.

 Signature 

http://www.tresor-et-talisman.com

 
offline
Posted: 28 August 2009 02:27 PM   [ Ignore ]   [ # 5 ]
V.I.P.
RankRankRankRank
Avatar

Messages :

  • total: 539
  • last 7 days: 1
Joined: 2009-02-06

Bonjour Cegiel,

Normal ton travail mérite qu’on s’y interesse.
En plus des menus horizontaux qui représentent uniquement les catégories, cela ne court pas les rues…

J’avais bien compris pour les tabs, mais je me trouvais un peu “bloqué” effectivement sur la largeur et je voulais pouvoir y mettre une image de mon choix…

Pour IE6 c’est vrai c’est à s’arracher les cheveux mais j’ai pas le choix, comme beaucoup, faudrait qu’on trouve une solution…lol

Pour IE7, il fonctionne bien, si ce n’est que pour moi qui ai le module s3slider en haut de la page central, le menu au centre s’ouvre dérrière le slider…

J’avais un petit bug, à savoir, parfois, quand j’ouvrais le menu par le dessous, celui-ci se fermait aussitôt.
J’ai trouvé la soluc dans le site de l’auteur du script

Donc le module corrigé mis à jour dans le premier post

 Signature 

Presta prod 1.2.5 /svn
Faites un don aux developpeurs qui nous offrent ici leur travail, c’est important.
EN VACANCES

 
offline
Posted: 28 August 2009 04:24 PM   [ Ignore ]   [ # 6 ]
Regular
RankRank
Avatar

Messages :

  • total: 74
  • last 7 days: 0
Joined: 2009-05-11

je vais tenter de migrer ma boutique en 1.2 sur ma plateforme de test, j’ai tellement changé de code que ca va etre long !

 Signature 

Prestashop: Version 1.1.0.5 > migrée en 1.2.5 (debug en cours) - Hébergement dédié OVH MicroCiné

 
offline
Posted: 28 August 2009 04:41 PM   [ Ignore ]   [ # 7 ]
V.I.P.
RankRankRankRank
Avatar

Messages :

  • total: 539
  • last 7 days: 1
Joined: 2009-02-06

Bon courage à toi…

 Signature 

Presta prod 1.2.5 /svn
Faites un don aux developpeurs qui nous offrent ici leur travail, c’est important.
EN VACANCES

 
offline
Posted: 29 August 2009 04:52 PM   [ Ignore ]   [ # 8 ]
V.I.P.
RankRankRankRank
Avatar

Messages :

  • total: 539
  • last 7 days: 1
Joined: 2009-02-06

Correction du module
Version 1.2
Voir premier post

 Signature 

Presta prod 1.2.5 /svn
Faites un don aux developpeurs qui nous offrent ici leur travail, c’est important.
EN VACANCES

 
offline
Posted: 31 August 2009 03:57 AM   [ Ignore ]   [ # 9 ]
Senior Member
RankRankRank

Messages :

  • total: 263
  • last 7 days: 0
Joined: 2009-03-31

suggestion, when click categorie, this categorie is active, how?

 Signature 

CCampea Store- http://www.ccampea.com/lojacc - Store online motos, bikes, helmets

CCampea Twitter- http://twitter.com/ccampealoja

CCampea Facebook - CCampea Facebook - Store Online Motos, Bikes and Accessories

CCampea ThisNext - CCampea This

 
offline
Posted: 31 August 2009 09:37 AM   [ Ignore ]   [ # 10 ]
V.I.P.
RankRankRankRank

Messages :

  • total: 561
  • last 7 days: 1
Joined: 2008-12-02

Bonjour,
Est ce que ce module est compatible avec la Version 1.1.0.5 ?

Merci !

 Signature 

Vêtements et accessoires pour chiens et chats tendance à prix doux.
http://www.gueule-damour.com

 
offline
Posted: 31 August 2009 10:12 AM   [ Ignore ]   [ # 11 ]
Regular
RankRank
Avatar

Messages :

  • total: 74
  • last 7 days: 0
Joined: 2009-05-11

GAELLE - 31 August 2009 09:37 AM
Bonjour,
Est ce que ce module est compatible avec la Version 1.1.0.5 ?

Merci !

regarde mon post légèrement plus haut

 Signature 

Prestashop: Version 1.1.0.5 > migrée en 1.2.5 (debug en cours) - Hébergement dédié OVH MicroCiné

 
offline
Posted: 06 September 2009 06:25 AM   [ Ignore ]   [ # 12 ]
Apprentice
RankRank
Avatar

Messages :

  • total: 23
  • last 7 days: 0
Joined: 2009-05-26

Un grand merci pour ce module qui est simplement… merveilleux !

Petite question quand même : changer le hook du module n’est pour le moment pas possible (des heures de test infructueux).

Sera-t-il possible, à terme, de modifier la position du module ? (par exemple en dans Homepage Content)

 Signature 

Y’a pas qu’le riz et les pattes dans la vie… y’a Ebly aussi T_T !

Micro Project, l’informatique par excellence : http://www..micro-project.fr/

Micro Project, la boutique : http://www.e-boutique.micro-project.fr/

 
offline
Posted: 20 September 2009 10:40 AM   [ Ignore ]   [ # 13 ]
Senior Member
RankRankRank
Avatar

Messages :

  • total: 275
  • last 7 days: 3
Joined: 2008-12-13

Bonjour,

Oui super c’est du beau travail à tous les deux !!!

C’est exactement ce que j’avais besoin, j‘étais en train de bricoler un menu directement dans mon header,
quand je suis tombé sur votre menu.
Je l’ai donc adopté car plus propre que du bricolage du header!
Merci à vous deux très cool o))))))

 Signature 

eric lyon
Prestashop vers : 1.2.5.0

 
offline
Posted: 20 September 2009 11:56 AM   [ Ignore ]   [ # 14 ]
Partner
RankRankRankRankRank
Avatar

Messages :

  • total: 1415
  • last 7 days: 0
Joined: 2008-02-05

@MaxHome : http://www.julien-breux.com/2009/08/25/menu-horizontal-v-1-0/ – Peut-être pourrions-nous coupler les modules smile

 Signature 

Julien BreuxCore Developerwsm.png Wasium

 
offline
Posted: 22 September 2009 07:50 AM   [ Ignore ]   [ # 15 ]
V.I.P.
RankRankRankRank
Avatar

Messages :

  • total: 539
  • last 7 days: 1
Joined: 2009-02-06

Salut Julien,

Oui effectivement ce serait même préférable.
Mais malheureusement mes connaissances et mes disponibilités en ce moment semblent bien réduites….(sourires).
Mais le projet est alléchant.
A bientôt
Max

 Signature 

Presta prod 1.2.5 /svn
Faites un don aux developpeurs qui nous offrent ici leur travail, c’est important.
EN VACANCES

 
 
1 of 6
1
Fast Reply
New Topic