Jump to content

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

vekia

By vekia ,
in Free Modules & Themes

 Share

Recommended Posts

  • Popular Post
vekia Newbie

vekia

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 Newbie

vekia

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 Newbie

vekia

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 Newbie

charlesthenewb

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 Newbie

supplementwarehouse

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 Newbie

vekia

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 Newbie

Euphorica Fedorica

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...
vicbg Newbie

vicbg

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 Newbie

vekia

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 Newbie

vicbg

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 Newbie

vicbg

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 Newbie

vekia

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 Newbie

JAR Customs

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 Newbie

supplementwarehouse

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 Newbie

Euphorica Fedorica

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 Newbie

samchanasia

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 Newbie

AlinGabryel

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 Newbie

vekia

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 Newbie

Michele Cesaretti

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. Newbie

Andreea S.

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. Newbie

Andreea S.

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. Newbie

Andreea S.

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

nessunluogo

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 Newbie

kamaldev

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 Newbie

sibony88

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 Newbie

Roman Hána

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 Newbie

SalvetaR1

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 Newbie

nessunluogo

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 Newbie

gambrinus777

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