[Module]Horizontal Categories - CSS drop down menu

[whitelighter]

I have made some modifications to the categories block module, made it a horizontal CSS-drop down menu on the header.
It is not perfect, but it would be a good starting point for better modules.

You can view it here:
http://www.bvkyazilim.com/cart/

I am attaching the module. You can also download it directly from your shop using the module I made earlier:
http://www.prestasho...module_delivery

UPDATE: Made it cover the entire width of the header. You should uninstall the old version before installing version 1.1
Also included are the header.php and header.tpl files, you need to replace the originals with these.

Attached File(s)

•  horizontalcategories.zip (11bytes)
  Number of downloads: 2088
•  horizontalcategories.1.1.zip (13bytes)
  Number of downloads: 9230

[topgiftsuk]

That is exactly what im looking for as a structure, id obviously change the cosmetics of it myself, how easy is it to do having the same thing but without gaps between each nav button

[whitelighter]

You need to edit the jquerycssmenu.css file on line 27, change the margin to 0px.

[topgiftsuk]

Being a newbie, is this hard to install? where do i install it to etc?

Sorry for my lack of knowledge!

[topgiftsuk]

Right

I have installed the Nav bar but have some problems.
I am changing the images and reloading them onto the server, but even after resetting cache, the old images remain e.g. arrow colours

Also how can i position it to move the left and right colum modules down in order for the nav bar to site right on the left.

THEN i want to create a bar to go across so it fills across the whole page instead of just "floating"

Cheers

[hieloiceberg]

From 1235001961:

Right

I have installed the Nav bar but have some problems.
I am changing the images and reloading them onto the server, but even after resetting cache, the old images remain e.g. arrow colours

Also how can i position it to move the left and right colum modules down in order for the nav bar to site right on the left.

THEN i want to create a bar to go across so it fills across the whole page instead of just "floating"

Cheers

Similar to this one? NAV

[Cédric Girard]

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.

[topgiftsuk]

From 1235022478:

From 1235001961:

Right

I have installed the Nav bar but have some problems.
I am changing the images and reloading them onto the server, but even after resetting cache, the old images remain e.g. arrow colours

Also how can i position it to move the left and right colum modules down in order for the nav bar to site right on the left.

THEN i want to create a bar to go across so it fills across the whole page instead of just "floating"

Cheers

Similar to this one? NAV

HI I want the bar just like that one, going across the page and embedding the search box in there...exacly what im looking to do.

How ever I want to keep a normal horizontal drop down menu

[hieloiceberg]

From 1235033249:

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.

The one I did is just Style Sheet no javascript in it :cheese: Now I only test on IE and FF maybe you can check them on the other browsers and give me a feed on it :coolsmirk:

Cédric Girard I love how the mastermateriel store looks :coolsmile:

[topgiftsuk]

From 1235067653:

From 1235033249:

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.

The one I did is just Style Sheet no javascript in it :cheese: Now I only test on IE and FF maybe you can check them on the other browsers and give me a feed on it :coolsmirk:

could you help with my above question above your last post friend?

Thanks very much

[Cédric Girard]

Hum... I don't know if I have really understood the question (my english is very bad :cheese: )

I tested this one on Google Chrome, Firefox 3.x, IE 5.5, IE 6.x, IE 7.x, IE 8 beta ; my layout seems to have little problem in FF 2.x and above, but the menu should be OK.

I don't test other browsers...

[jolvil]

I've seen an horizontal menu on a prestashop shop:

http://www.boutikenvogue.com

not bad ! do you know what is it ?

[hieloiceberg]

From 1235076531:

I've seen an horizontal menu on a prestashop shop:

http://www.boutikenvogue.com

not bad ! do you know what is it ?

That is a flash menu Mr. Jolvil you can easy make a flash menu add links to it and add the flash code on your header.tpl

[Kreasite]

Ne fonctionne pas sous IE6 comme sur ton shop online.
Les menus sont les uns en dessous des autres.

++

DAV

[Cédric Girard]

Exact ; comme je l'ai expliqué sur mon blog, ça vient (dans le cas de ma boutique) de la structure du menu de base... mal interprétée par IE6 ; si je mets des largeurs auto et que je vire les images sur les balises LI, ça fonctionne ;-)

Par contre ça nécessite impérativement la prise en charge du fichier htc pour le hack CSS sur IE6... J'ai déjà eu des soucis sur un site, où ce fameux fichier n'était pas pris en compte pour une raison que j'ignore.

[Kreasite]

Désolé Cédric, je parlais du menu de whitelighter

++

DAV

[Cédric Girard]

Ah zut :cheese:

[Darksist]

Hi everyone,

i'm modifying iris blue theme at www.iloveprestashop.com. i am using prestashop 1.1 and i copying folder of horizontalcategories in the modules and i activate at top position. my problem is starting after this procedures: how can i show this menu?

[Presta-TR]

Hi,

i have some problem for this module:
see the pictures is have 2 problem.. see 1 pict: is 2-1 category ids to lose the other categories..

see the second picture module http://www.prestasho...ured_slide_show is the lose over showing..

Attached File(s)

•  subcategory-problem1.JPG (37bytes)
  Number of downloads: 2317
•  subcategory-problem2.JPG (38bytes)
  Number of downloads: 2279