main-menu-ps_mainmenu.md

Main menu (ps_mainmenu)

Description

This module is responsible for the webshop's top main menu links, and it's configuration.

Main menu configuration User Interface - All Shops content

Main menu configuration User Interface - Single Shop content

QA

Link to the tests

Common components

• Breadcrumbs navigation - Breadcrumb UI Kit.
• Heading of the page - Headings UI Kit.
• ​Save button - Buttons basics UI kit (becomes as Update button in Update link section, when Links are being updated)
• E-commerce logo
• PrestaShop version number
• Quick access dropdown
• Search input
• Shop switcher with eye icon
• Bell icon (todo link)
• Account icon
• Configuration block
• Page header CTA buttons

Menu Top Link block

The block starts with the chain-style icon and the title Menu Top Link.

Change position

If the user wants to change the selected menu link (or links) position (or positions), there are 2 navigation buttons-arrows:

• Upwards arrow button - after selecting the link (or links), the link moves one step up.
• Downwards arrow button - after selecting the link (or links), the link moves one step down.

Selected items

The input block, where the links are listed. By default, the links are:

• Clothes
• Accessories
• Art

Available items

The input block, where the links are listed. By default, the links are:

• CMS
  • Home
    • Delivery
    • Legal notice
    • Terms and conditions of user
    • About us
    • Secure payment
• Supplier
  • All suppliers
    • Accessories supplier
    • Fashion supplier
• Brand
  • All brands
  • Graphic Corner
  • Studio Design
• Categories
  • Root (PrestaShop)
    • Home (PrestaShop)
      • Clothes (PrestaShop)
        • Men (PrestaShop)
        • Women (PrestaShop)
      • Accessories (PrestaShop)
        • Stationery (PrestaShop)
        • Home Accessories (PrestaShop)
      • Art (PrestaShop)
• Products
  • Choose product ID
• Menu Top Links

Remove CTA button

A Button with icons UI Kit component. Removes the selected item (or items) from the Selected Items form component and places in the Available Items form.

Add CTA button

A Button with icons UI Kit component. Adds the selected item (or items) to the Selected Items form component from the Available Items form.

Add a new link

The block starts with the chain-style icon and the title Add a new link.

Label

Description	Value	Error message
Mandatory	NO	-	Error message if not allowed
Allowed/Forbidden values	Any characters allowed	-
Default value	Empty input	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-	Error message if bellow the limit
Upper limit	-	-	Error message if up to the limit
Behavior	link to the behavior	-

Link

Description	Value	Error message
Mandatory	NO	-	Error message if not allowed
Allowed/Forbidden values	Any characters allowed	-
Default value	Empty input	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-	Error message if bellow the limit
Upper limit	-	-	Error message if up to the limit
Behavior	link to the behavior	-

New window

Description	Value	Error message
Mandatory	NO	-	Error message if not allowed
Allowed/Forbidden values	-	-
Default value	Disabled	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-	Error message if bellow the limit
Upper limit	-	-	Error message if up to the limit
Behavior	link to the behavior	-

Link list (appears when links are stored)

The table is made of the Tables Hoverable UI Kit component. It contains:

• Link ID - numeric value of the link.
• Shop name - shows the multistore name, where the link is placed in.
• Label - shows the label of the link.
• Link - shows the link URL, it can be clicked.
• New window - shows if the clicked link will be opened in new window or not
• Edit or Delete action - Dropdowns With Button Split UI Kit component, which enables functionality to Edit the link or just to Delete it. After clicking Delete, the dialog box is prompted in the UI, with the question Delete selected item? and with the available choices, Yes or No.

Behaviors descriptions

Label behavior

Forms Normal UI Kit component. This input lets the administrator Edit or Add the link label.

Link behavior

Forms Normal UI Kit component. This input lets the administrator Edit or Add the link URL.

New window behavior

Forms Switch UI Kit component. This toggle switch Enables or Disables the functionality, that opens the clicked link in new page.

Multistores functionality

The page is Multistores dependent page.