Outstanding
Description
In PrestaShop, the Outstanding page is a feature that allows merchants to showcase their top-selling products or most popular products on a dedicated page. This page can be accessed through the main menu of the website and typically displays product images, names, and prices.
The Outstanding page is designed to increase visibility for products that are performing well and to make it easier for customers to find them. This can help increase sales and improve the overall user experience for shoppers on the website.
In order to use the Outstanding page feature in PrestaShop, merchants need to enable it in the backend of their store and select the products they want to feature on the page. They can also customize the layout and appearance of the page to match the look and feel of their website.
This UI is shown after Enabling the Enable B2B mode toggle switch in CONFIGURE > Customer Settings, and it allows tracking the B2B customer behavior.
QA
Common components
Bell icon (todo link)
Outstanding counting
The entries, that stored in this listing page, are produced by Visitor, Customer or Guest using Checkout process from Front-Office or adding a new Order in Back-Office.
Configuration of the new B2B input fields in Customer edit page
Once the B2B mode is enabled, new input fields are displayed in the Customer edit page by navigating to Customers > Customers and editing the desired Customer. Customer must be registered in Prestashop himself, or added by Administrator. New input fields are the following:
Allowed outstanding amount
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | Numeric values only allowed. | This field is invalid. |
Default value | 0 | - |
Help text | Valid characters: 0-9 | - |
Tool tips | - | - |
Lower limit | 0 | - |
Upper limit | 19 | {numeric_value}is invalid. Please enter an integer lower than or equal to{numeric_value} |
Behavior | - |
Maximum number of payment days
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | Numeric values only allowed. | This field is invalid. |
Default value | 0 | - |
Help text | Valid characters: 0-9 | - |
Tool tips | - | - |
Lower limit | 0 | - |
Upper limit | 10 | {numeric_value}is invalid. Please enter an integer lower than or equal to{numeric_value} |
Behavior | - |
Risk rating
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | - | - |
Default value | None value | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Top UI elements of the Outstanding page
The section starts with the title Outstanding and the total entries counted in brackets.
Filtering of the Outstanding page
The table is from the Tables Sortable UI Kit and the Tables with Filters UI Kit components.
Search ID - input for searching a certain entry with ID. (Forms Normal UI Kit)
Date widget - allows filtering the entries for certain time range. (Forms Normal UI Kit)
Customer - ability to search and filter the customers. (Forms Normal UI Kit)
Company - ability to search and filter the company. (Forms Normal UI Kit)
Risk - dropdown element, allowing to arrange the risk priority values, and show only risk-prioritized Outstanding entries. (Dropdown Basics UI Kit)
Outstanding allowance - input for arranging appropriate entries for customers with the Outstanding amount. (Forms Normal UI Kit)
Current outstanding, Invoice, Actions - has no filtering function, only titles are displayed.
Search CTA button - a Button Basics UI Kit component. Once there are no entries from none of the filtering fields, the Search CTA button is disabled, once there is at least one filtering value managed, the button becomes enabled.
Reset (X) - after submission of the Filtering, there are the results shown in the table, together with the Reset and X icon. After pressing X, It resets the Filtering form.
Table row elements of the Outstanding page
ID - numeric ID value.
Date - input with YYYY-MM-DD HH-MinMin-SecSec format.
Company - customer with the company name.
Risk label - the text with colorized outlined label, defining the Risk level of the entry.
Outstanding allowance amount - the value with the numeric amount and currency prefix. Here is the limit displayed, that was set in Customer page and Outstanding allowance field.
Current outstanding amount - the value with the numeric amount and currency prefix. This functionality is working with the logic as follows:
All the invoiceable Tax included amount, that Customer has in total is reduced by all the invoiceable amount at the current time, that has Payment accepted status. The rest unpaid amount is displayed in this column. After all the Orders fully completed and accepted, this amount should be equal to 0.
Invoice sheet icon - clicking initiates the download of the PDF invoice file.
View lasso icon - clicking initiates redirection to the Order in Back-Office, that customer has made.
Behavior descriptions
Allowed outstanding amount behavior
Forms Normal UI Kit component. Input can be filled with valid characters: 0-9 only. Default value is 0. If characters are typed as Latin letters, input erases the wrong text automatically. If there are more than 19 characters in the field, the instant error is displayed below the field - exclamation mark and message This field is invalid. Outstanding allowance amount allows setting the maximum purchase amount for the Customer, and to be included into the Outstanding list.
Maximum number of payment days behavior
Forms Normal UI Kit component. Limit for Customer purchases in days. Default value is 0. If characters are typed as Latin letters, there will be a browser-type notification near the field, called Please enter a number. If there are more than 10 characters typed in this field, there will be a Prestashop error prompted. This feature allows setting the maximum days limit, in the Outstanding listing, that a Customer can be included in.
Risk rating behavior
Dropdowns Basics UI Kit component. Dropdown with the Risk values. The values appear as labels in the Outstanding listing table in the Risk column. The risk values are the following:
None - label appearance is with black text and the green outlined color.
Low - label appearance is with the black text and the orange outlined color.
Medium - label appearance is with the white text and the red outlined color.
High - label appearance is with the white text and the red outlined color.
Multistores functionality
This page is Multistores dependent page.
Last updated
