Vertically Output Manufacturers In Alphabetical Order

[HAIRWEBSHOP]

Hello, 

How do I output Manufacturers In a vertically alphabetical order?
I'm using the latest Prestashop and the default bootstrap theme with the default top menu.

 

Thank you in advance.

[vekia]

where you want to dispaly them in that way?

[HAIRWEBSHOP]

Hello vekia, and thank you kindly for your reply.

I added the manufacturers to the default top menu, where I want to make the change.

Edited May 15, 2016 by HAIRWEBSHOP (see edit history)

[HAIRWEBSHOP]

Anyone know how to do this? 
Thank you.

[HAIRWEBSHOP]

Found a solution myself.

 

Add the following snippet to blocktopmenu.js that can be found inside /themes/default-bootstrap/js/modules/blocktopmenu/js

$(document).ready(function(){
$('#block_top_menu li').each(function(index){
  $(this).attr('class', 'menuItem_' + index);
});
});

Now that every menu item as its own class, add the following CSS to your custom stylesheet:

.menuItem_1 ul  {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5; 
}


.menuItem_1 li {
float: none !important;
width: auto !important;
}


@media (max-width: 767px) {
.menuItem_1 ul  {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2; 
}


.menuItem_1 li {
float: none !important;
width: auto !important;
}
}


@media (max-width: 479px) {
.menuItem_1 ul  {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; 
}


.menuItem_1 li {
float: none !important;
width: auto !important;
}
}

 

Make sure to edit the class to match your menu item's class.
This will vertically output manufacturers in alphabetical order.

Clear all caches afterwards.

Edited May 24, 2016 by HAIRWEBSHOP (see edit history)