Tuesday, December 29, 2015

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:

No comments:

Post a Comment