Coming soon, fast templates with an unlimited number of modules for 1 UAH/order

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

  1. Installing the “NeoSeo Menu” module.

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

  1. Go to the site administration panel and select the section “Add-ons”->”Modules”:
  2. In the list of modules that opens, select “NeoSeo Menu” and click on the button “Install”:
  3. Go to “Add-ons”->”Add-ons Manager” 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. Edit module settings.

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

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

The “Parameters” tab is intended for setting the following parameters:

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

The “Menu” tab is intended for setting the following parameters:

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

Removing 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 for assigning a menu name that will be displayed in the list of all available menus:

Lists of available category items to add to the menu:

Required to add menu items.

Categories.

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

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

After that, 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 deselect, click on “Deselect”.

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.

Blog.

In this tab “Blog”, 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.

Other.

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

  1. Editing the list of menu items.

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

Let's look at this diagram:

The module supports nesting up to the 4th level.

Editing a menu item.

  • Name.

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

  • Link.

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

  • Additional style.

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

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

  • Additional class.

This field allows you to style the menu item.

  • Additional icon.

This field allows you to assign an icon to a menu item.

  • Background color.

This field allows you to assign 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.

  • Font color on hover.

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

  • Image in the menu.

For the main category, this field allows you to set a submenu image. It is possible to choose the display of the image.

Background image:

Menu image:

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

For an image, you can set:

  • Maximum width.

  • Width.

  • Height.

You can select the menu type for the drop-down menu (only available for the Horizontal menu):

  • Normal (vertical)

  • Mega (Horizontal)

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

The result of the module.

Vertical menu:

Horizontal menu:

Comments

Leave your comment [cancel reply]

Related products