Order Messages
Description
This UI shows the list of messages, that were sent by webshop customer, who created an Order. By default, Delay message is already created in the list.
QA
Common components
Bell icon (todo link)
The UI elements
Add new order message button
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Add new order message | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Recommended Modules and Services button
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Recommended Modules and Services | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Settings icon
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Settings | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Search ID input
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | Any | - |
Default value | Empty | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Search name input
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | Any | - |
Default value | Empty | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Search message input
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | Any | - |
Default value | Empty | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Search button
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | - | - |
Default value | Disabled | - |
Help text | - | - |
Tool tips | Search | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Edit icon
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Edit | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Behaviors description
Add new order message button behavior
This is CTA button with plus icon (+) (Buttons with icon UI kit), once clicked it initiates the redirection to a new page, where a separate Order message creation form is displayed. When hover mouse pointer on it, buttons color changes.
Recommended Modules and Services button
This is CTA button (Buttons outline UI kit). When hover mouse pointer on it, buttons color changes. Once clicked it opens popup with Recommended Modules and Services, exit icon and loading spinner (Spinner UI kit). When loading is finished, notification message (Alerts basics storybook UI kit) with i icon and link: More modules on addons.prestashop.com Once clicked link opens PrestaShop addons marketplace page in new window.
Title of the section behavior
Title includes the title and the total number of available entries - those are displayed in brackets.
Settings icon behavior
Settings icon in the corner - top-right position of the section. This icon has a short rotation animation once clicked. Clicking on this icon, leads to dropdown block:
Refresh list - the link with the rotation style icon. It refreshes the whole page.
Show SQL query - the link with double left-right arrows. It prompts the SQL query popup.
Export to SQL Manager - the link with server icon. It redirects to PrestaShop SQL Manager.
Bulk actions dropdown behavior
Bulk action dropdown is disabled by default, once there is an Order message element selected, Bulk actions become enabled. The only action is Delete action, by clicking Delete selected dropdown. After clicking Delete, the pop-up with confirmation text will appear named Delete selection Are you sure you want to delete the selected item(s)?, Close icon and two buttons:
Cancel - outlined CTA button (Buttons outline UI kit) that cancels deletion and closes the pop-up.
Delete - a red color CTA button (Buttons basics UI kit) that deletes the desired entry. Delete confirmation The selection has been successfully deleted. appears right after clicking the Delete, and a pop-up closes.
Sorting behavior
There are ID, Name, Message arrangement column titles on the top row of the table. Once those column titles are clicked, the table column will arrange the information using the A-Z and 1-9 scheme, then Z-A and 9-1 method will be shown on second click. This functionality is not affecting Actions column title click. These components are from Forms normal UI kit.
ID - unique identification of the entry. Arrange the list by ID.
Name - entry name description text. Arrange the list by Name.
Message - the message text content displayed.
Search ID input behavior
It is a text input field (Forms normal UI kit) with the placeholder: Search ID. Inputting number and clicking Search CTA button will filtrate the numeric results.
Search name input behavior
It is a text input field (Forms normal UI kit) with the placeholder: Search name. Inputting letters and clicking Search CTA button will filtrate the appropriate name result.
Search message input behavior
It is a text input field (Forms normal UI kit) with the placeholder: Search message. Inputting letters and clicking Search CTA button will filtrate the appropriate message result.
Search button behavior
Search is CTA button (Buttons basics UI kit), by default the button is disabled. Once there is something typed in the Filtering fields, the button becomes active. After clicking the button, the search results will be returned in the table. If there are no results found, there will be a black triangle icon with a white exclamation mark displayed in table, and a small description above: No records found. When hover mouse pointer on it, buttons color changes.
Reset button behavior
Once the Search has been executed, the return page shows the Reset button. It is transparent CTA button with exit icon (Buttons transparent UI kit). Clicking this button removes the filtering function from the table. When hover mouse pointer on it, Reset becomes underlined.
Order messages list behavior
Order messages list shows all order messages which were created order messages. Order messages list has these elements:
Checkbox - entry marking element.
ID number - unique number of the entry.
Name - unique name displayed.
Message - individual entry description or name text displayed.
Three-dot menu - clicking shows dropdown with the option Delete, which leads to the deletion action.
After clicking Delete, the pop-up with confirmation text will appear named Delete selection Are you sure you want to delete the selected item(s)?, Close icon and two buttons:
Cancel - outlined CTA button (Buttons outline UI kit) that cancels deletion and closes the pop-up.
Delete - a red color CTA button (Buttons basics UI kit) that deletes the desired entry. Delete confirmation The selection has been successfully deleted. appears right after clicking the Delete, and a pop-up closes.
Edit icon behavior
Clicking redirects to the edition page of the element entry.
Multistores functionality
This page is Multistore independent page. (todo link)
The listing is displayed the same for all the available Multistores in webshop, switching the Multistores shows the same Order messages listing.
Last updated
