PrestaShop Forum

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum

Jump to content

[ module ] horizontal category menu

105 replies to this topic
#1
sperio

    PrestaShop Apprentice

  • Members
  • PipPip
  • 75 posts
Hi all,

modified the homecategory module in accordance with Cédric Girard's work in http://www.mastermateriel.com/

I have consolidated the code to be self containing within the module... have fun :)

Cédric Girard - 19 February 2009 11:47 AM
Hello
Great contribution. I propose another horizontal menu but full CSS (no javascript) ; the compatibility with browsers is good (in usual way : IE6, IE7, IE8 beta, FF, Chrome…)

You can see it here (little bug with IE6 on the base level of the menu, but it’s only the fact of my template) ; and an explaination (in french, sorry !) here.

Attached Files


----------------------------------------
http://www.zuigeling.com
http://www.iputa.com
http://www.alfredtay.com
----------------------------------------

#2
Vinc3nzo

    PrestaShop Apprentice

  • Members
  • PipPip
  • 190 posts
Excellent !!!!

Very GOOD!!

Is it possible to integrate images for buttons created aesthetic?

Exemple: http://www.pixmania.com / http://www.cdiscount.com / http://www.rueducommerce.fr


Thank You!! :D
PRESTASHOP: 1.4.8.2
http://www.MyGeek-Shop.com (Ouverture Novembre 2011)
http://www.MySexy-Shop.com (Ouverture 2012)

#3
sperio

    PrestaShop Apprentice

  • Members
  • PipPip
  • 75 posts
i am sure you can... am doing it now for my site... a different image for each category as background...

can do mouseover images as well... pretty simple hack
----------------------------------------
http://www.zuigeling.com
http://www.iputa.com
http://www.alfredtay.com
----------------------------------------

#4
ananly

    PrestaShop Apprentice

  • Members
  • PipPip
  • 58 posts
Hi, i try the module, but i have a little problem with the position of the menu
could you help me please!
www.proxilys.fr - Dépôt-Vente - Luxury For All

#5
Brutuska

    PrestaShop Newbie

  • Members
  • Pip
  • 23 posts
Hi,

I tried your menu. with Firefox works well, but with ie the subcategories won´t show. Also with Firefox It shows only one subcategory ( i have set level 5 ). Any Ideas ?

Anyway It´s good work

Regards,

#6
sperio

    PrestaShop Apprentice

  • Members
  • PipPip
  • 75 posts
the limit is only level 2 max... have tried it on ie and it works... perhaps it is your css... have you tried debugging with firebug on firefox?
----------------------------------------
http://www.zuigeling.com
http://www.iputa.com
http://www.alfredtay.com
----------------------------------------

#7
ananly

    PrestaShop Apprentice

  • Members
  • PipPip
  • 58 posts
hi

sperio do you know wich css code i must modify to center the text of each botton on this horizontal menu.
I try to adapt it with web developer toolbar but it's not easy.

thanks
www.proxilys.fr - Dépôt-Vente - Luxury For All

#8
sperio

    PrestaShop Apprentice

  • Members
  • PipPip
  • 75 posts
the css styles are in the module itself... hcatmenu.css
----------------------------------------
http://www.zuigeling.com
http://www.iputa.com
http://www.alfredtay.com
----------------------------------------

#9
Cédric Girard

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1074 posts
Hello

Great contribution :-)

I haven't the time to make a concrete module, you've made it, thanks !
EX entrepreneur spécialiste du référencement Prestashop, certifié CESEO - Attention, je n'exerce plus mais je partage désormais mes connaissances sur mon site dédié à Prestashop et Wordpress !

Mon projet phare (créé de A à Z) : Matériel de cuisine professionnel

#10
ananly

    PrestaShop Apprentice

  • Members
  • PipPip
  • 58 posts
I need your help Cedric GErard!

i always send you many message but you never respond to me!
could you help me with your horizontal menu
I try to put it on top of the page

many thanks
www.proxilys.fr - Dépôt-Vente - Luxury For All

#11
ananly

    PrestaShop Apprentice

  • Members
  • PipPip
  • 58 posts
Brutuska
I send you a message, explain me your problem perhaps i could help you
this menu is great but it's very difficult to have a help.

i test it on ie and firefox, no problem for me,
just a position problem

regards
www.proxilys.fr - Dépôt-Vente - Luxury For All

#12
iwans

    PrestaShop Newbie

  • Members
  • Pip
  • 16 posts
wow... nice!

#13
sperio

    PrestaShop Apprentice

  • Members
  • PipPip
  • 75 posts
Hi Cedric :) it is all your work :) i just packaged it all up for all to enjoy... took me quite a while to figure out your instructions... just thought that the module will save all some time...

ananly, it is pretty straight forward to use... for your positioning issue... from the way i see it... you need to either add a new hook or remodify your divs positions to suit your needs... adding a new hook is easiest to do

http://www.prestasho...in_6_easy_steps

if you still cannot get it resolved... send me your header.tpl and I will show your the mod needed with the css...

alfred
----------------------------------------
http://www.zuigeling.com
http://www.iputa.com
http://www.alfredtay.com
----------------------------------------

#14
Ann

    PrestaShop Apprentice

  • Members
  • PipPip
  • 363 posts
Hi !

Very nice indeed. Is there any way to set parameters BEFORE getting it in line ?

Ann
www.ann-secrets.com
www.mode-des-femmes.com

#15
sperio

    PrestaShop Apprentice

  • Members
  • PipPip
  • 75 posts
what do u mean? care to illustrate?
----------------------------------------
http://www.zuigeling.com
http://www.iputa.com
http://www.alfredtay.com
----------------------------------------

#16
Wallstyle.se

    PrestaShop Newbie

  • Members
  • Pip
  • 7 posts
Hello. Is there anyone other than me who feel that thickbox collide with the menu? Thanks for a great module!

#17
Wallstyle.se

    PrestaShop Newbie

  • Members
  • Pip
  • 7 posts
I solved it , it was actually a simple one .. the z-index was 999. On top of every thing.

#18
yourshoppe88

    PrestaShop Newbie

  • Members
  • Pip
  • 4 posts
Does any one know how to get rid of the white background under Nav Bar and resize the Nav bar?

http://www.onlineshop.com.ph/help1.jpg

Many Thanks!

Attached Files

  • Attached File  help1.jpg   103bytes   3043 downloads


#19
sperio

    PrestaShop Apprentice

  • Members
  • PipPip
  • 75 posts
check your divs...

look at in FF with Firefox... you can see how and what all the CSS are doing...
----------------------------------------
http://www.zuigeling.com
http://www.iputa.com
http://www.alfredtay.com
----------------------------------------

#20
Beka

    PrestaShop Apprentice

  • Members
  • PipPip
  • 108 posts
Hello,

very good module, but does not work when URL rewriting is activated with v1.2 alpha 2 and v1.2 beta 1
Version PS : v1.4.7 Thème perso. Version PHP : 5.3.3-7+squeeze3 - Version MySQL : 5.1.49-3
Hébergement : serveur dédié chez OVH.
Navigateurs utilisés : IE6, IE7, IE8, IE9, Firefox 11, Safari 5.1.4, Chrome
17.0.963.79, Opéra 11.61