Your online store has two types of menus - the primary (header) and the footer. You can maintain both of them in the Content -> Menus section of your store Admin area that allows you to enable/disable, edit, delete existing and add new menu items.

Each menu consists of a list of predefined menu items.

  • Primary menu page

  • Footer menu page

To edit existing or add new items to the primary and footer menu, ensure that the add-on Simple CMS is installed and enabled. If not, install and activate it.

Adding New Menu Items

To add a new item to one of your store's menus:

  1. Go to the Menus page (Content > Menus) in the store's Admin area. Select the menu you want to add a new item to and choose the respective tab - Primary menu or Footer menu:

    • Primary menu page

    • Footer menu page


      For example, we decided to add a new menu item to the primary menu and chose the Primary menu tab.

  2. Click the New item button.


    You will see a new empty entry added to the list.

  3. Provide information about the properties of the item that you want to add to the menu:


    • Item name: The name of the menu item displayed to users.

    • Link: The page address to which the menu item will redirect the user. Specify the address using one of the following:

      • Relative path (e.g. cart.php?target=checkout)

      • Absolute path (e.g. https://<your_store_url>/cart.php?target=checkout).

      • Page name value: The code representing a page name surrounded by curly brackets. You can use it to link the page without specifying its relative or absolute path.
        The list of page name values currently supported by X-Cart is as follows

        • {home},

        • {new arrivals},

        • {coming soon},

        • {sale},

        • {bestsellers},

        • {my account},

        • {contact us},

        • {auction},

        • {loyalty program},

        • {special offers},

        • {brands},

        • {gift card}.


      If you need to specify a link to an external resource, you must use the HTTP:// prefix. For example, to add a link to google.com, you will need to enter the link as http://google.com/.


    • Visible for: Specify the user level that will access the menu. Select from the options available in the drop-down:

      • Any visitors

      • Anonymous users only

      • Logged in users only

  4. Click Save changes.


    The menu item will be added. You should now be able to see it on the storefront.

After creating a new menu item, you can move on and add drop-down submenus as described in the section Editing Submenus.

Editing Existing Menu Items

A store admin can edit each property of an existing menu, including submenus and properties, and delete menu and submenu items.

Enabling/Disabling Menus

Only enabled menus display in the storefront.

To enable a menu, use the ON/OFF icon in front of it.

When you turn it on, it becomes green. A disabled menu will have a grey icon instead.

Don't forget to click the Save changes button to submit your changes.


Editing Menu Properties

A store admin can see the editable menu properties highlighted when hoving the cursor over a line in the menus list.

To adjust a property value:

  1. Click on the field that you need to edit.

  2. Substitute the current value with any new one valid for this field.

  3. Click Save changes.


Editing Submenus

Submenus are menus of a drop-down level from the main menu item. Submenus are maintained absolutely the same way the main menu items are. To check whether an object in the main menu has any sublevel items, a store admin should refer to the Submenu column of a menu listing page:

For each item, the Submenu column can contain one of two possible values:

  • Add: This means that there are no menus of a drop-down level for the menu. A store admin can add a new level of drop-down level by clicking the Add link.

  • N items: This means that a menu has "N" menu items of a drop-down level, where N refers to the actual number of items. A store admin can click the N items link to view and edit the submenu items.

To add a new drop-down level for a menu:

  1. Click on the Add link in the Submenu column of the main menu:


    A new menu listing page will open one level down.

  2. Click the New item button:

  3. Specify the menu item properties the same way as described in Adding New Menu Items.

  4. Click Save changes.

To edit an existing submenu:

  1. Click on the N items link.


    A submenu listing page will open one level down.

  2. Edit the submenu items the same way as described in Editing Menu Properties.

  3. Click Save changes.

Deleting Menus

If it is necessary to delete a menu item, a store admin should click a Trash icon opposite the icon in question and click Save changes. A store admin can delete several or all menu items at once.

Related pages:

Did this answer your question?