Jump to content

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


vekia
 Share

Recommended Posts

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

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

  • 5 weeks later...

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

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

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

 

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

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

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

  • 3 weeks later...

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

 

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

 

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

  • 4 weeks later...

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

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

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

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

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

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

  • 2 weeks later...
  • 1 month later...

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