Top Menu / Category Display PS 1.7

[Indice68]

Hello need some help about home menu - Default Theme Prestashop 1.7

 

Now i have the Menu like img "Menu_1.jpg"

 

If i go with the mouse on this option, the system show/display me the category of each option img "menu_2.jpg"

 

 

My request is:

 

I like at front page only the option, i need a menu without the category show ? only the option like img "Menu_1.jpg"

 

is this possible?

 

But for sure i need this category show/display on the product page on left side like image img "Menu_3.jpg"

 

Sorry for my english

 

Kind regards

indice68

Edited May 21, 2017 by Indice68 (see edit history)

[Indice68]

Here what i realy need.

 

i need that Menu not displaying subcategories and category only, i like a menu simple like img 1 on attach.

 

Best Michel 

[Indice68]

need to hide subcategory on the home page horiz. menu.

but ony on the home menu, i like the subcategor in the product page.

please help

[lisandronob]

Indice68, create new categories and delete all rest

 

To create a new categorie in Main Menu (or Horizontal Menu), you need to Edit the module "Main Menu"

 

In your backoffice search Module > Modules and Services> and search in Installed Modules, "Main Menu" click in Configure and add your Menu

 

Good Luck!

 

By the way, in 1.6 is the same, maybe you can find in youtube some videos

[Indice68]

Hi Lisa,

 

No category are ok i need only to hide the sub category but only from top menu in the home page.

[lisandronob]

i dont know how you can edit the code to remove/hide sub categories. BUT is more fast and easy create again the menu, very fast

 

Good Luck,

 

Bye

[Andrej Stas]

Add this code into /your-theme/assets/css/custom.css

 

- if you wish to hide the subcategories also on phones:

 

.top-menu .sub-menu, #mobile_top_menu_wrapper .top-menu .navbar-toggler{

    display: none !important;

}

 

- if you wish to hide the subcategories only on big screens and tablets:

 

.top-menu .sub-menu{

    display: none !important;

}

 

 

 

Or you can use Presta Theme Maker and do it in one click (Layout tab > Menu and Search layout > Dropdown menu content and visibility

[tom.son]

I would like to display only the first subcategorie in the menu. not the 2. or 3. ..

"display only the main categories" in the presta theme maker.. but i don´t want to install a new theme.

Andrej, could u please help me with this?

thanx

[pwmkarsten]

Thanks Andrej for giving the idea of your CSS

 

I have a category tree in the left column, also in the main page and don't want the horizontal top menu

But on small devices the categories disappears (category tree) and with no horizontal menu (no categories selected in back office) there is no access to categories.

 

I add the followed code in custom CSS and added the categories in top main menu in back office:

@media all and (min-width:768px) {.top-menu {
        display: none !important;
        }
  }

 

On medium/large devices the CSS hides the main menu categories

On small devices it shows up if you press the menu (left top) 

 

Perhaps not the best solution but it works for me

[Wn-nook]

I am unable to add sub category under category option in Menu.  Kindly help me.

[cbca]

On 10/7/2017 at 3:26 PM, pwmkarsten said:

Thanks Andrej for giving the idea of your CSS

 

I have a category tree in the left column, also in the main page and don't want the horizontal top menu

But on small devices the categories disappears (category tree) and with no horizontal menu (no categories selected in back office) there is no access to categories.

 

I add the followed code in custom CSS and added the categories in top main menu in back office:

@media all and (min-width:768px) {.top-menu {
        display: none !important;
        }
  }

 

On medium/large devices the CSS hides the main menu categories

On small devices it shows up if you press the menu (left top) 

 

Perhaps not the best solution but it works for me

This was a huge help for me, thank you! I use category trees but they don't work on mobile. This allowed me to keep them without cluttering up my desktop version with a second menu.

[zimmer-media]

On 7.10.2017 at 9:26 PM, pwmkarsten said:

Thanks Andrej for giving the idea of your CSS

 

I have a category tree in the left column, also in the main page and don't want the horizontal top menu

But on small devices the categories disappears (category tree) and with no horizontal menu (no categories selected in back office) there is no access to categories.

 

I add the followed code in custom CSS and added the categories in top main menu in back office:

@media all and (min-width:768px) {.top-menu {
        display: none !important;
        }
  }

 

On medium/large devices the CSS hides the main menu categories

On small devices it shows up if you press the menu (left top) 

 

Perhaps not the best solution but it works for me

 

 

topic is a year old and i dont know if you need a better solution

i use this option in custom.css

big screens only depth-level 2 - little screens full depth

@media all and (min-width:768px) {
  .top-menu[data-depth="2"] {
    display: none !important;}
}

 

Edited October 9, 2018 by zimmer-media (see edit history)

[DailyShopBay]

Hi to all,

 

I'm searching since several days a solution by myself but it looks a noway! 

on mobile devices, we display the top menu button and the main category list; however, once we click on a main category, it open an empty page (not showing products of the subcategories). Of course, on desktop version, the same main categories show produtcs from their subcategories!

We use default template and PS 1.7.4.3

May someone has a solution for us?

our testing website is: dailyshopbay/dsb1/

Thanks in advance to you all!!!

Edited November 4, 2018 by DailyShopBay (see edit history)

[dluxe-events]

Hi , I need help to organize the sub menu only part under All Brands in prestashop 1.7.4... https://tarheelfurnituregallery.com If you see is not a line and organiza