Jump to content

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

vekia

By vekia ,
in Free Modules & Themes

 Share Followers 7

Recommended Posts

  • Popular Post
vekia

vekia 8,966

Posted
Posted

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

  • Like 48
  • Thanks 1
  • Haha 1

Share this post

Link to post
Share on other sites
vekia

vekia 8,966

Posted
Posted

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
  • 2 weeks later...
vekia

vekia 8,966

Posted
Posted

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
charlesthenewb

charlesthenewb 0

Posted
Posted (edited)

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
  • 5 weeks later...
supplementwarehouse

supplementwarehouse 0

Posted
Posted

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
  • 2 weeks later...
  • 2 weeks later...
  • 1 month later...
vekia

vekia 8,966

Posted
Posted

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
  • 1 month later...
Euphorica Fedorica

Euphorica Fedorica 0

Posted
Posted (edited)

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
  • 3 weeks later...
softwaresathi

softwaresathi 0

Posted
Posted

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
vicbg

vicbg 2

Posted
Posted

 

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
  • 1 month later...
vekia

vekia 8,966

Posted
Posted

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
  • 2 weeks later...
vicbg

vicbg 2

Posted
Posted

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
vicbg

vicbg 2

Posted
Posted

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
  • 3 weeks later...
vekia

vekia 8,966

Posted
Posted

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
JAR Customs

JAR Customs 0

Posted
Posted

 

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
  • 1 month later...
supplementwarehouse

supplementwarehouse 0

Posted
Posted

 

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
Euphorica Fedorica

Euphorica Fedorica 0

Posted
Posted

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
  • 4 weeks later...
samchanasia

samchanasia 0

Posted
Posted

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
  • 1 month later...
AlinGabryel

AlinGabryel 0

Posted
Posted

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
  • 2 weeks later...
  • 1 month later...
  • 3 weeks later...
vekia

vekia 8,966

Posted
Posted

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
vekia

vekia 8,966

Posted
Posted

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
vekia

vekia 8,966

Posted
Posted
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
  • 3 weeks later...
  • 2 weeks later...
Michele Cesaretti

Michele Cesaretti 1

Posted
Posted

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
Andreea S.

Andreea S. 3

Posted
Posted (edited)

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
Andreea S.

Andreea S. 3

Posted
Posted

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
Andreea S.

Andreea S. 3

Posted
Posted

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
Andreea S.

Andreea S. 3

Posted
Posted

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
  • 3 weeks later...
nessunluogo

nessunluogo 0

Posted
Posted (edited)
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
  • 4 weeks later...
  • 2 weeks later...
kamaldev

kamaldev 0

Posted
Posted
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
  • 4 weeks later...
sibony88

sibony88 0

Posted
Posted
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
  • 4 weeks later...
  • 4 weeks later...
  • 2 weeks later...
Roman Hána

Roman Hána 1

Posted
Posted (edited)

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
SalvetaR1

SalvetaR1 0

Posted
Posted
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
nessunluogo

nessunluogo 0

Posted
Posted
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
  • 2 weeks later...
  • 1 month later...
gambrinus777

gambrinus777 0

Posted
Posted (edited)

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
  • 3 weeks later...
  • 3 weeks later...
  • 2 weeks later...
  • 2 weeks later...
  • 3 months later...
  • 3 months later...
dluxe-events

dluxe-events 0

Posted
Posted
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
  • 1 month later...
abexxs

abexxs 0

Posted
Posted

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?

Share this post

Link to post
Share on other sites
  • 8 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Followers 7
Go to topic listing
×