Jump to content
vekia

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

Recommended Posts

bonjour 

super module :)

merci
 

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

at the moment it is for prestashop 1.6.x only

  • Like 1

Share this post


Link to post
Share on other sites

Thanks Vekia!

 

nice job :)

 

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

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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 by charlesthenewb (see edit history)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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?

  • Like 1

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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 by Euphorica Fedorica (see edit history)

Share this post


Link to post
Share on other sites

im not sure what the issue is

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

Share this post


Link to post
Share on other sites

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

  • Like 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

 

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 :D)

 

Thanks everyone involved!

bgfashionmuses.com

Share this post


Link to post
Share on other sites

Hello and thanks for the free module,

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

thanks

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites
Guest Nelinha

Hello

 

Work in 1.7.02?

 

I can´t install.

 

Thank´s

 

Paula

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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!!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

new version is downloadable from first post of this topic

Share this post


Link to post
Share on other sites

 

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. 

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

 

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!!!!!!!

Share this post


Link to post
Share on other sites

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 :D)

 

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!

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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)

Share this post


Link to post
Share on other sites

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.

  • Like 1

Share this post


Link to post
Share on other sites

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

 

and it is? :-)

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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


Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites

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

Edited by drillsar (see edit history)

Share this post


Link to post
Share on other sites

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?

  • Like 1

Share this post


Link to post
Share on other sites

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 by Andreea S. (see edit history)

Share this post


Link to post
Share on other sites

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? 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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. 

 

Share this post


Link to post
Share on other sites
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 by nessunluogo (see edit history)

Share this post


Link to post
Share on other sites

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

Untitled.png

Share this post


Link to post
Share on other sites
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

 

 

:wub:  :wub:  :wub:

 

 

 

 

 

vertical-dropdown-menu-free.png

 

 

 

 

 

vertical-dropdown-categories-prestashop1

 

 

 

 

 

vertical-dropdown-free-cover-box.png

 

 

 

 

 

 

 

 

 

 

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

 

 

 

 

 

 

Share this post


Link to post
Share on other sites
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

 

 

:wub:  :wub:  :wub:

 

 

 

 

 

vertical-dropdown-menu-free.png

 

 

 

 

 

vertical-dropdown-categories-prestashop1

 

 

 

 

 

vertical-dropdown-free-cover-box.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

hello 

i cant find the download link 

Share this post


Link to post
Share on other sites

Hi Vekia

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

Share this post


Link to post
Share on other sites

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 by Roman Hána (see edit history)

Share this post


Link to post
Share on other sites

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

Can you please share the download link....

Share this post


Link to post
Share on other sites
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?

 

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites

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

file is downloadable from first message in this thread.

  • Like 1

Share this post


Link to post
Share on other sites

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 by gambrinus777
Modify question (see edit history)

Share this post


Link to post
Share on other sites

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 by Incognito-SA (see edit history)

Share this post


Link to post
Share on other sites
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

 

 

:wub:  :wub:  :wub:

 

 

 

 

 

vertical-dropdown-menu-free.png

 

 

 

 

 

vertical-dropdown-categories-prestashop1

 

 

 

 

 

vertical-dropdown-free-cover-box.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

verticalblockcategories.zip

 

 

Share this post


Link to post
Share on other sites