[Free module] Vertical dropdown categories menu - PrestaShop 1.7 / 1.6

[vekia 8,936]

vertical dropdown categories menu - free module

 

today i've got something special for you, for absolutely free. It's a vertical dropdown categories menu.

 

 

This is plugin that generates block with categories like standard block categories module for PrestaShop. But mine contains vertical dropdown effect. This means that if you will hover mouse over parent category (category that has subcategories) my module will display another submenu with subcategories.

 

 

 

 

 

direct link to download below the images, enjoy for free!

 

 

if you like it, please "like" this post and let me know that you're interested in this free addon

 

 

then i will know that it is worth to upgrade it

 

 

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

verticalblockcategories.zip

[autoprestige 0]

bonjour 

super module

merci
 

ps : comment faire pour garder l'ancien bloc categorie sur iphone et tablette
merci

[vekia 8,936]

future relases of module will be mobile friendly, no worries autoprestige

[Zen_j1 9]

Thank you for the module

[brikobike 13]

Bonjour, ce module fonctionne t'il sur prestashop 1.5 ?

[vekia 8,936]

at the moment it is for prestashop 1.6.x only

[Zen_j1 9]

Can you convert this free module into megamenu

[fitgura 9]

Thanks Vekia!

 

nice job

 

(Just sggest an arrow or something for a subcategories would be nice in the future releases)

[vekia 8,936]

Thanks Vekia!

 

nice job

 

(Just sggest an arrow or something for a subcategories would be nice in the future releases)

 

arrows? what you mean? where you want to display arrows?

[vekia 8,936]

Thanks Vekia!

 

nice job

 

(Just sggest an arrow or something for a subcategories would be nice in the future releases)

 

hello, can i ask for detailed explanation? you can see my question in my previous post

thank you!

[charlesthenewb 0]

Hi Vekia,

 

Good Day.

 

Nice module here, will try this as well. Sorry to bump in i need help putting the quick search module inside the top horizontal menu. Please.

Here is the topic by the way.

 

https://www.prestashop.com/forums/topic/465112-create-new-hook-in-prestashop-free-module/?do=findComment&comment=2345432

 

Thanks

 

Regards

 

charlesthenewb

Edited June 14, 2016 by charlesthenewb (see edit history)

[supplementwarehouse 0]

hello, can i ask for detailed explanation? you can see my question in my previous post

thank you!

Hi Vekia,

 

First of all, thank you for this awesome module!! I think what the other member meant was, that in the vertical menu to show an arrow or something to indicate that category has sub categories(Sub-menus).

 

I have another question lol, ha ha ha, we always ask you, you are the man ha ha ha, How can I change the colour of the vertical menu? I tried editing "blockcategories.css" but did not have any luck.

 

Thank you in advance!

 

Kindest Regards

Kevin

[supplementwarehouse 0]

Hi Vekia,

 

Thank you very much for this awesome module. I have encountered one problem, when you quickview a product the menubar covers half of the quickview. Any help will be greatly appreciated.

 

You can view it here - http://www.jozibugs.co.za - and select quickview of any product.

 

Thank you in advance

Kev

[SmartDataSoft 397]

@Vekia

 

Nice module, thanks for share.

[HOBMARKET 1]

@vekia thanks so much ....

[vekia 8,936]

Hi Vekia,

 

Thank you very much for this awesome module. I have encountered one problem, when you quickview a product the menubar covers half of the quickview. Any help will be greatly appreciated.

 

You can view it here - http://www.jozibugs.co.za - and select quickview of any product.

 

Thank you in advance

Kev

 

so you want to show it behind the overlay with "add to cart" confirmation, right?

[godlo 5]

it can be used as the dropdown menu on Amazon homepage?

A simple rectangular block that once clicked or hovered it display the category list?

[biaoqiang 0]

it's useful,thank you 

[Euphorica Fedorica 0]

so you want to show it behind the overlay with "add to cart" confirmation, right?

 

First of all thanks for the module Vekia. I think that's what supplementwarehouse meant, since it also doesn't hide under the overlay from the top horizontal menu after just installing it.

 

What worked for me was changing the z-index from 99999 to 1 in blockcategories.css (home/modules/verticalblockcategories):

 

/*VERTICAL MENU*/

#categories_block_left .vertical{

  position:relative;

  width:100%;

  z-index:1;

}

 

Another note to supplementwarehouse: the background color can be changed under '#categories_block_left .vertical a' in the same file.

Edited November 9, 2016 by Euphorica Fedorica (see edit history)

[vekia 8,936]

im not sure what the issue is

where i can check it to see the problem "live" ?

[watchstone 1]

hi vekia , thank you for free nice modules.

but why in my prestahop vertical modules don't show ?

what configuration i need to show this modules? 

 

Thank you

[softwaresathi 0]

Hi friend,

 

Thanks a lot for this menu module. I have installed this module on my website www.yechahiye.com however the existing mega menu style is still there. How do I get rid of this existing mega menu?

 

thanks

Praveen K

[vicbg 2]

 

First of all thanks for the module Vekia. I think that's what supplementwarehouse meant, since it also doesn't hide under the overlay from the top horizontal menu after just installing it.

 

What worked for me was changing the z-index from 99999 to 1 in blockcategories.css (home/modules/verticalblockcategories):

 

/*VERTICAL MENU*/

#categories_block_left .vertical{

  position:relative;

  width:100%;

  z-index:1;

}

 

Another note to supplementwarehouse: the background color can be changed under '#categories_block_left .vertical a' in the same file.

 

Hi guys, and Thanks Vekia for your super work as ALWAYS.

 

Euphorica, thanks for your fix. Oddly, it didn't work the first half hour and then next refresh (when I was writing this reply to tell you it doesn't work - boom - it worked )

 

Thanks everyone involved!

bgfashionmuses.com

[aristech 0]

Hello and thanks for the free module,

Can you please help show the product count next to each cat name?

thanks

[aristech 0]

It's ok, i got it 

[readcom 0]

Hello,

 

is it possible to attach this menu to "DisplayNav" hook? I can't see this hook in hook attaching menu :-/

 

Thank you for help.

[mgomaa 0]

well

[vekia 8,936]

Hello,

 

is it possible to attach this menu to "DisplayNav" hook? I can't see this hook in hook attaching menu :-/

 

Thank you for help.

 

hello, unfortunately module is for columns only

your request requires customization of the code and design changes to make it work properly in displayNav section (its not a hortizontal menu plugin, just a vertical one)

[crzation 0]

Super merci

[Guest Nelinha]

Hello

 

Work in 1.7.02?

 

I can´t install.

 

Thank´s

 

Paula

[spil 0]

Not possible to use in 1.7.x ?

[lixicus 0]

Does it work in 1.7 !?

[vicbg 2]

hello, unfortunately module is for columns only

your request requires customization of the code and design changes to make it work properly in displayNav section (its not a hortizontal menu plugin, just a vertical one)

Vekia, I am very happy with this module.

I need your help regarding editing the contents.

This menu will read/display whatever categories there are.

I have a category named SALES. However, as you would correctly guess I have to manually enter products in that category, as opposed to the PRICE DROP / SPECIALS which is built in PS.

Can I somehow include the PRICE DROPS or SPECIALS in the Vertical menu?

 

Really big thanks in advance for your reply.

BR

Victor

bgfashionmuses.com

[vicbg 2]

Vekia, I am very happy with this module.

I need your help regarding editing the contents.

This menu will read/display whatever categories there are.

I have a category named SALES. However, as you would correctly guess I have to manually enter products in that category, as opposed to the PRICE DROP / SPECIALS which is built in PS.

Can I somehow include the PRICE DROPS or SPECIALS in the Vertical menu?

 

Really big thanks in advance for your reply.

BR

Victor

bgfashionmuses.com

Vekia?

Anyone ?

Would really appreciate your reply

[Carkmo 0]

Amazing!!!! I was fighting for 5 hours trying to fix the vertical menu but with your plugin I was set in seconds!! Thank you so very much!!

[vekia 8,936]

Does it work in 1.7 !?

 

 

Not possible to use in 1.7.x ?

 

 

Hello

 

Work in 1.7.02?

 

I can´t install.

 

Thank´s

 

Paula

 

no

currently module is not for prestashop 1.7

version for prestashop 1.7 will be released tommorow.

[vekia 8,936]

finally module works also with PrestaShop 1.7.x :-)

new version is downloadable from first post of this topic

[JAR Customs 0]

 

First of all thanks for the module Vekia. I think that's what supplementwarehouse meant, since it also doesn't hide under the overlay from the top horizontal menu after just installing it.

 

What worked for me was changing the z-index from 99999 to 1 in blockcategories.css (home/modules/verticalblockcategories):

 

/*VERTICAL MENU*/

#categories_block_left .vertical{

  position:relative;

  width:100%;

  z-index:1;

}

 

Another note to supplementwarehouse: the background color can be changed under '#categories_block_left .vertical a' in the same file.

 

Thank you so much!! This also solved the issue i was having with the module bleeding over the "quick view" module.

 

Also, Thank you so much vekia for all that you do for the presta community! Truly an amazing coder. 

[delapanlima.com 1]

thanks vekia for the module, great modules

[marymedina810215@gma 0]

Hola muchas gracias por el modulo, 

 

Thank you very much for you work, well done....

[helldesign 1]

Hi !! good morning. I uploaded and installed the module on prestashop 1.7. But doesent work. Steel the old orizontal menu. What im doing rong?

[supplementwarehouse 0]

 

First of all thanks for the module Vekia. I think that's what supplementwarehouse meant, since it also doesn't hide under the overlay from the top horizontal menu after just installing it.

 

What worked for me was changing the z-index from 99999 to 1 in blockcategories.css (home/modules/verticalblockcategories):

 

/*VERTICAL MENU*/

#categories_block_left .vertical{

  position:relative;

  width:100%;

  z-index:1;

}

 

Another note to supplementwarehouse: the background color can be changed under '#categories_block_left .vertical a' in the same file.

 

Hi Everyone, yes that was it! Perfect it is working 100% with the above fix. Thank you all very very very Much!!!!!!!

[Euphorica Fedorica 0]

Hi guys, and Thanks Vekia for your super work as ALWAYS.

 

Euphorica, thanks for your fix. Oddly, it didn't work the first half hour and then next refresh (when I was writing this reply to tell you it doesn't work - boom - it worked )

 

Thanks everyone involved!

bgfashionmuses.com

 

 

Thank you so much!! This also solved the issue i was having with the module bleeding over the "quick view" module.

 

Also, Thank you so much vekia for all that you do for the presta community! Truly an amazing coder. 

 

 

Hi Everyone, yes that was it! Perfect it is working 100% with the above fix. Thank you all very very very Much!!!!!!!

 

Glad to hear I could help some people out!

[samchanasia 0]

future relases of module will be mobile friendly, no worries autoprestige

Hello Vekia,

 

May I know if it is already mobile friendly?

 

I have added this module and found the subcategories will be out of the screen on mobile phone.

 

Thanks!

[AlinGabryel 0]

Hello, I downloaded this module, uploaded it to the module pane, and I do not appear to install the module, although it says the module was downloaded successfully. Can you help me? I use Prestashop 1.6.1 Thank you.

Hello, I downloaded this module, uploaded it to the module pane, and I do not appear to install the module, although it says the module was downloaded successfully. Can you help me? I use Prestashop 1.6.1 Thank you.

[ipcomp1 4]

Hello

 

Just installed and activated - but is not showing it in mainpage ,

https://diligo.co.il/

did something wrong ?

[Es Club Shop 0]

I have horizontal menu in my site. Can I put this module to have a vertical also? I need the both menus.

[vekia 8,936]

Hello

 

Just installed and activated - but is not showing it in mainpage ,

https://diligo.co.il/

did something wrong ?

 

do you have a left column on your page ?

it looks like not, i cant check because page is not online (im not able to open it)

[vekia 8,936]

I have horizontal menu in my site. Can I put this module to have a vertical also? I need the both menus.

 

yes, modules can work together well.

[vekia 8,936]

Thank you, hoping this is just what I am looking for. -

 

and it is? :-)

[Avr-Ukr 0]

Is there any how-to-guide?

I've installed this module on 1.7.2 presta and nothing happened.

I changed z-index to 1. and still nothing.

 

What should I do?

[Stickymonkey 0]

Hello, thank you a lot for the module

Nevertheless is it normal that it didn t appear on the homepage ?

How i do to desactivate the horizontal menu and have only a vertical one ?

 

Here is the website Rakstore

 

Thanks for your help

[vekia 8,936]

How i do to desactivate the horizontal menu and have only a vertical one ?

 

you can enable / disable modules in prestashop.

 

 

 

Nevertheless is it normal that it didn t appear on the homepage ?

 

 

 

your shop is under maintenance mode

[Stickymonkey 0]

Yes sorry i am in maintenance so i have to desactivate it

[drillsar 1]

I just installed this module and not showing vertical categories. My site http://www.giftboundgifts.com

[drillsar 1]

I noticed in theme position it's under footer Where should this be in? I added it to DisplayLeftColumn and still nothing..

Edited October 1, 2017 by drillsar (see edit history)

[Michele Cesaretti 1]

Fantastic module.

 

But.. there is a problem with menu responsive.

 

If you have subcategories the menu ins't optimized (when you rollover on a category with subcategories for example, submenu appear always on the right off screen, like desktop do)

 

There is a way to put this under the category to display well?

[Andreea S. 3]

Hi @vekia, I love this! I hated how Layered Navigation displayed cats and subcats, so this is just what I was looking for! I have the same issue as Michele C. above, I am using subcats and they are displayed on the right off screen. Check out this screen shot: http://moodame.com/VERTICALBLOCK.png. 

Plus, I can't seem to get this hooked up in the mobile version, next to Sort (or before or after that). It just sticks at the bottom, not really useful for the customer. Any advice? 

 

Thanks a lot! 

Edited October 11, 2017 by Andreea S. (see edit history)

[Andreea S. 3]

Hi @vekia, appreciate your feedback on this! I have the same issue as Michele C. above, I am using subcats and they are displayed on the right off screen. Check out this screen shot: http://moodame.com/VERTICALBLOCK.png. 

Plus, I can't seem to get this hooked up in the mobile version, next to Sort (or before or after that). It just sticks at the bottom, not really useful for the customer. Any advice? 

[Andreea S. 3]

I figured out how to nicely display the subcats: had to change width and left to 50% in the CSS. @Michele Cesaretti, maybe you find this useful. 

@vekia, i still haven't figured out how to hook this up in the mobile version, the module is at the very bottom of the product list. Hopiing to get your support here. Thanks! 

 

/* INNER UL HIDE */
#categories_block_left .vertical ul ul{
  position:absolute;
  left:0%;
  top:0;
  width:50%;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
}
/* INNER UL SHOW */
#categories_block_left .vertical li:hover > ul{
  left:50%;
  visibility:visible;
  opacity:1;
  transform: translateX(0px);
}
 

[Andreea S. 3]

Ok so now I found this: when I hover over the main menu, it overlaps with the vertical menu and this is displayed: http://moodame.com/SSHOTVERTMENU.png. 

Plus, it looks like I can only select the top level 2 subcategory from the dropdown list, every time I try to select the second or third and so on the dropdown list disappears. 

 

[Alexis 0]

Hi! Were is the link to download de module?

Thanks! (im new in the forum)

[Casper_O 37]

Did also like to know where excatly the download link is - seems to be hidden really well?

[nessunluogo 0]

For anyone is looking for the download link, searching by name it's the first google result:

https://mypresta.eu/modules/front-office-features/vertical-dropdown-categories-menu.html

[nessunluogo 0]

On 19/5/2016 at 10:22 AM, vekia said:

vertical dropdown categories menu - free module

This module is really awesome!

I had to use on a theme (Theme1218) without left sidebar but with the side menu on displayTop position, so I made some small change to make it work.

I'd like to contribute and make this available to other users who could benefit of.

verticalblockcategories.patch

Edited November 21, 2017 by nessunluogo (see edit history)

[osama1997 0]

Hey Vikia , Do U Have any Horizontal Module Like This pic , I want simple Drop Down Menu not Mega Menu , Kindly Help me Please

[kamaldev 0]

On 5/19/2016 at 1:52 PM, vekia said:

vertical dropdown categories menu - free module

 

today i've got something special for you, for absolutely free. It's a vertical dropdown categories menu.

 

 

This is plugin that generates block with categories like standard block categories module for PrestaShop. But mine contains vertical dropdown effect. This means that if you will hover mouse over parent category (category that has subcategories) my module will display another submenu with subcategories.

 

 

 

 

 

direct link to download below the images, enjoy for free!

 

 

if you like it, please "like" this post and let me know that you're interested in this free addon

 

 

then i will know that it is worth to upgrade it

 

 

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Can you please provide me the link for it. Thank You.

 

 

 

 

 

 

[jean-mariedu62 0]

merci beaucoup!

[sibony88 0]

On 19.5.2016 at 11:22 AM, vekia said:

vertical dropdown categories menu - free module

 

today i've got something special for you, for absolutely free. It's a vertical dropdown categories menu.

 

 

This is plugin that generates block with categories like standard block categories module for PrestaShop. But mine contains vertical dropdown effect. This means that if you will hover mouse over parent category (category that has subcategories) my module will display another submenu with subcategories.

 

 

 

 

 

direct link to download below the images, enjoy for free!

 

 

if you like it, please "like" this post and let me know that you're interested in this free addon

 

 

then i will know that it is worth to upgrade it

 

 

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

hello 

i cant find the download link 

[WISYWIG 1]

Me too, no download link. Where is ti? Thank you!

[J90ASN 0]

couldn't get it to work in 1.7 any help available on this?

[alfy41 0]

Hi Vekia

from where can be set to display only 6 categories up to the "more categories" option?
Thank you

[Roman Hána 1]

Hello, module seems to be the right one for my use but I just cant make it appear on the homepage - I really dunno how to do it..
when I look on the positions of module, I see this:
https://www.screencast.com/t/YbaApb0I
 

Im using the deafault-bootstrap
In the template configuration, I see this:
https://www.screencast.com/t/RORiYehV

https://www.screencast.com/t/BvRDyth1VD

 

Web is chcipc.cz

 

Help is appreciated, thx.

Roman

Edited April 3, 2018 by Roman Hána (see edit history)

[V-5 4]

Unable to find the download link to this free module...
 

Can you please share the download link....

[Roman Hána 1]

16 hours ago, V-5 said:

Unable to find the download link to this free module...
 

Can you please share the download link....

 

https://mypresta.eu/modules/front-office-features/vertical-dropdown-categories-menu.html
 

[SalvetaR1 0]

On 11/21/2017 at 5:09 PM, nessunluogo said:

This module is really awesome!

I had to use on a theme (Theme1218) without left sidebar but with the side menu on displayTop position, so I made some small change to make it work.

I'd like to contribute and make this available to other users who could benefit of.

verticalblockcategories.patch

How can I use this patch?

 

[SalvetaR1 0]

Thanks for your module. I am interested. Where can I get it?

[nessunluogo 0]

3 hours ago, SalvetaR1 said:

How can I use this patch?

 

Depending on the system you're working on you could use git or some diff/merge program.

If you're using some IDE (PhpStorm, Netbeans, Eclispe, Visual Studio...) it should have an integrated feature to create and apply patches.

This links could help you out:

Via git (a command line versioning system, cross platform) https://www.devroom.io/2009/10/26/how-to-create-and-apply-a-patch-with-git/

This video is for Drupal but can be useful for any code and explains how to apply a patch on multiple platforms https://youtu.be/oThwEQuKHms

[vekia 8,936]

i updated the topic, re-added missing .zip library

file is downloadable from first message in this thread.

[Daniela 1]

Hello, 

 

The module is awesome, i have only one question  How can I put in blocktopmenu? axel-company.ro my site.

 

Best regards!

[gambrinus777 0]

Hi @vekia,
thanks for your module... very good...

Your module has a problem: when you open a product in preview your menu is over the preview.

Another question: I have a three depth tree of categories. How can I remove link from the first two and have only in the last?

Thanks
 

Edited May 28, 2018 by gambrinus777
Modify question (see edit history)

[djbrat 0]

 

 

 

 

 

 

Edited July 18, 2018 by djbrat (see edit history)

[djbrat 0]

problem

Edited July 18, 2018 by djbrat (see edit history)

[PlasteringSupplies 2]

Awesome module.

Thanks Vekia!!!

[Paul Albers 0]

Is there an update for version 1.7.4.0?

[Incognito-SA 0]

Hi Vekia

 

Trying to contact you, but Presta is saying that you cannot receive messages?

Please send me DM so that we can get in contact.

This is about the free module list... (sent text on mypresta as well)

Thanks

Edited July 23, 2018 by Incognito-SA (see edit history)

[Ramu 0]

Thanks Vekia, it's good to know there are people like you.

[dluxe-events 0]

On 5/19/2016 at 4:22 AM, vekia said:

vertical dropdown categories menu - free module

 

today i've got something special for you, for absolutely free. It's a vertical dropdown categories menu.

 

 

This is plugin that generates block with categories like standard block categories module for PrestaShop. But mine contains vertical dropdown effect. This means that if you will hover mouse over parent category (category that has subcategories) my module will display another submenu with subcategories.

 

 

 

 

 

direct link to download below the images, enjoy for free!

 

 

if you like it, please "like" this post and let me know that you're interested in this free addon

 

 

then i will know that it is worth to upgrade it

 

 

   

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

verticalblockcategories.zip

 

 

[abexxs 0]

This module works and is hooked in the left column of my category pages. But the menu is also displayed in the left colum of footer in the homepage. 

How to hide it at the homepage?

[RaulEspinosa 0]

Hi, is possible to include the menu content with the default responsive icon that shows language selector and currency selector, instead this module own responsive solution??

Kind regards