Express offer for the development of a fast online store for 7999 UAH details...

The module configuration Menu for the online shop {SEO-Shop}, OpenCart 2.x, 3.x, ocStore

  1. Module installation “NeoSeo Menu”.

To install the module “NeoSeo”Menu for OpenCart you need to:

  1. Go to admin panel and click on “Extras”->”Modules”:
  2. In the list of modules that opens, select “NeoSeo Menu” and click on the “Install” button:
  3. Go to the "Add-ons" -> "Add-ons Manager" section and click on the "Update" button in the window that opens.

This completes the installation of the module and you can proceed to editing the module settings.

  1. Editing module settings.

To edit the module’s settings, go to the site’s administrative panel and select the “Add-ons” -> ”Modules” section. In the list of modules that opens, select “NeoSeo Menu” and click on the “Edit” button:

After that, the window for editing module settings will appear on the screen:

The “Settings” tab is used to configure the following parameters:

Status. The switch that is designed to enable or disable the module:

The “Menu” tab is used to configure the following parameters:

  • Adding a new menu menu.
  • Delete one or more menus.
  • Copy menu.
  • Editing the menu.
  • Delete a menu.
  1. Editing the menu.

Status. The switch that is designed to enable or disable the menu:

The name of the menu. This field is intended to assign a name to the menu that will be displayed in the list of all available menus:

Lists of available category items to add to the menu:

Required to add items to the menu.

Categories.

In this tab “Categories”, all available store categories are displayed.

They can be selected and added to the menu. The necessary menus need to be highlighted with a “tick” and click on the “Add to Menu” button.

Then the selected categories will be added to the menu list.

Then you need to click the “Save” button to apply the settings.

To select all categories, you must click on “Select All”, to remove the selection you need to click on “Unselect”.

You can also “filter” the list of categories:

Information.

In this tab “Information”, all information pages of the store are displayed.

Brands

In this tab “Brands”, all brands (manufacturers) of goods are displayed.

The blog.

In this “Blog” tab, all available articles from the store’s blog are displayed.

Landing pages.

In this tab “Landing pages”, all landing pages of the store are displayed.

System pages.

In this tab “System pages”, all system pages of the store are displayed.

Misc.

In this tab “Other”, you can add your own unique menu item.

  1. Editing a list of menu items.

The menu is formed using the drag-and-drop method. That is, in order to make a category a subcategory, you must hold down the mouse button and drag it to the “main category”.

Consider this diagram:

The module supports nesting up to level 4.

Editing a menu item.

  • Title.

This field allows you to change the name of the menu item.

  • Link.

This field allows you to change the link of a menu item if this item was added through Other.

  • Extra style.

This field allows you to assign styles to a menu item. In this example, the menu item is assigned a red font color.

For auxiliary column names (Column 1, Column 2, etc.), you must specify an additional display: none style - otherwise they are displayed on the window.

  • Extra class.

This field allows you to assign styles to a menu item.

  • Additional icon.

This field makes it possible to assign an icon to a menu item.

  • Background color.

This field allows you to set the background color of the menu item.

  • Hover background color.

This field allows you to set the background color of the menu item on hover.

  • Font color

This field allows you to assign the font color of the menu item.

  • Hover font color.

This field allows you to assign the font color of the menu item on hover.

  • The image on the menu.

For the main category, this field allows you to specify the image of the submenu. There is a choice of image display.

Background Image:

Menu image:

For all other menus, this field allows you to specify the main image.

For the image, you can specify:

  • The maximum width.
  • The width.
  • Height.

For the drop-down menu, you can select the type of menu (available only for the Horizontal menu):

Normal (upright)

Mega (Horizontal)

To change the type of menu, go to “Appearance Settings” => “Hat” => “Main Menu”.

The result of the module.

Vertical menu:

Horizontal menu:

Comments

Leave your comment [cancel reply]

Related products