Categories

Featured templates

PrestaShop 1.6.x. How to add drop down menus in “Top Horizontal Menu” module

Daniel Morales April 6, 2015
Rating: 5.0/5. From 3 votes.
Please wait...

This tutorial will show you how to add drop down menus in Top Horizontal Menu module in Prestashop.

PrestaShop 1.6.x. How to add drop down menus in “Top Horizontal Menu” module

This module allows you to build all types of horizontal navigation bars.

Adding a product category sub-menu to your navigation menu

  1. Add a new product category link to the top menu :

    1. Navigate to Modules -> Modules and look for Top horizontal menu.

    2. Click the Configure button to access the module configuration page:

      How_to_add_drop_down_menus_in_Top_Horizontal_Menu_module_1

    3. To add a new element to the frontend menu, you should select the required element on the right and click the Add button:

      How_to_add_drop_down_menus_in_Top_Horizontal_Menu_module_2

    4. Click Save to confirm adding a new menu item for the top menu.

  2. Add a new sub-category to your product category.

    1. Navigate to the Catalog -> Categories menu. To create a new sub-category, click on the Add New button from any level of categories:

      How_to_add_drop_down_menus_in_Top_Horizontal_Menu_module_3

This sub-category will be displayed as a drop-down menu button for product category automatically.

Adding a CMS pages sub-menu to your navigation menu

  1. Create a new CMS category.

    1. Navigate to Preferences -> CMS and click  Add new CMS category button:

      How_to_add_drop_down_menus_in_Top_Horizontal_Menu_module_4

    2. Fill in the choices suggested and click ‘Save’ button.

  2. Add a new CMS category to the top menu :

    1. Navigate to Modules -> Modules and look for Top horizontal menu.

    2. Click the Configure button to access the module configuration page.

    3. To add a new element to the frontend menu, you should select the required element on the right and click the Add button.

    4. Click Save to confirm adding a new menu item for the top menu.

  3. Create a new CMS page.

    1. Navigate to Preferences -> CMS and click  Add new CMS page button:

      How_to_add_drop_down_menus_in_Top_Horizontal_Menu_module_5

    2. Fill in the choices suggested and click ‘Save’ button.

This CMS page will be displayed as a drop-down menu button for CMS category automatically:

How_to_add_drop_down_menus_in_Top_Horizontal_Menu_module_6

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to add drop down menus in “Top Horizontal Menu” module

Premium Prestashop Templates
This entry was posted in PrestaShop Tutorials and tagged dropdown, horizontal, menu, Prestashop, top. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket