Storefront Menu

Go to the Design → Menu

The Menu is the links displayed in the top right of the storefront by following which the customer can quickly go to some important pages in the store. A list of these links is given on the page.

1 Menu list
2 Create a new menu item
- 2.1 links format
3 Novator menu

Menu list

To remove a menu link click on the delete button
To edit a menu link click on the edit button
To add a menu link use the + button.
To change menu status please click edit button

Create a new menu item

Status: Enable or disable the menu item.
Unique ID: Assign a unique alphanumeric identifier (no spaces) for the menu item.
Text: Enter the title of the link that will be displayed to customers on the storefront.
Link Type: Choose the type of link:
- URL: Specify a direct URL (e.g., https://example.com).
- Content Page: Select a content page from your store.
- Category Page: Select a category from your store.
- Additional Settings (for Category or Content Page):
  - Include Children Items: automatically create a submenu with child items from the selected category.
Link: Enter the URL for the page where the menu item will link to.
Target: Choose how the link will open:
- _self: Opens the link in the same window or tab.
- _blank: Opens the link in a new window or tab.
Parent: Select whether the menu item will be a top-level menu or a sub-menu under another menu item.
Icon: Upload an image or add HTML code to display an icon next to the menu text.
Sort Order: Determine the order in which the menu item will appear relative to other menu items. Note: In the Novator theme, the latest item will be displayed as a button without a submenu.

create AbanteCart menu

Adding menu icons using HTML resources like Font Awesome can be tricky because the storefront theme needs to support the icon library or webfont you're using.

If your theme doesn't include the CSS and font files for Font Awesome (or any other icon library), the browser won't know how to render the icons.

links format

If you type product/special for visitors URL will be https://yourstore.com/index.php?rt=product/special

For external links add http:// or https:// at the beginning like https://www.abantecart.com/shopping-cart-demo

You can also use relative URLs like ../blog/ to lead visitors to https://yourstore.com/blog page

Novator menu

Menu appearance in AbanteCart, especially the way categories are displayed, is highly dependent on the active theme. The Novator theme, is a good example of a theme that handles categories with and without 3rd-level subcategories differently in the menu.

Novator is designed to present category menus in a visually appealing and user-friendly way, adapting to the depth of the category hierarchy.

2nd-Level Subcategories (Image Slider): If a top-level category has only 2nd-level subcategories (no 3rd-level or deeper), Novator often displays these subcategories in a visually rich format, typically a large subcategory menu with images, often presented as a slider or carousel. This allows you to showcase your subcategories with product images or category thumbnails, making it more visually engaging for users.
3rd-Level Subcategories (Text-Only Columns): When a top-level category has 3rd-level subcategories, Novator usually switches to a more compact, text-only menu with 2nd-level subcategories organized in columns. This approach helps prevent the menu from becoming too large and unwieldy. It prioritizes clear navigation to the deeper levels without overwhelming the user with too many images or visual elements in the main menu.

There is a specific design characteristic of the Novator theme. It's designed to dynamically convert the last menu item (based on sort order) into a button-like element, item doesn't have any submenus.