Countries
Description
The purpose of this page is to show countries list with ability to enable or disable country.
QA
Common components
Bell icon (todo link)
4 table header tools (todo link)
The UI elements
Add new country button
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | Add new country | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
ID input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Country input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | -. | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
ISO code input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Call prefix input
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Zone dropdown
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Enabled dropdown
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | - | - |
Tool tips | - | - |
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 | - |
Multistore toggle switch
| Description | Value | Error message |
|---|---|---|
Mandatory | Yes | - |
Allowed/Forbidden values | - | - |
Default value | No | - |
Help text | Check / Uncheck all You are editing this page for a specific shop or group. Click "Yes" to check all fields, "No" to uncheck all. If you check a field, change its value, and save, the multistore behavior will not apply to this shop (or group), for this particular parameter. | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Restrict country selections in front office to those covered by active carriers toggle switch
| Description | Value | Error message |
|---|---|---|
Mandatory | No | - |
Allowed/Forbidden values | - | - |
Default value | No | - |
Help text | - | - |
Tool tips | - | - |
Lower limit | - | - |
Upper limit | - | - |
Behavior | - |
Behaviors description
Add new country button behavior
This is CTA button with plus icon (Buttons with icons UI kit) once clicked it opens Add new country page. When hover mouse pointer on it, button color changes.
Title of Countries behavior
Title includes the title and number of countries in the list in the brackets.
ID input behavior
This is input field (Forms normal UI kit) to set country ID number, in order to find the appropriate country and filter it out.
Country input behavior
This is input field (Forms normal UI kit) to set country, in order to find the appropriate country and filter it out.
ISO code input behavior
This is input field (Forms normal UI kit) to set ISO code, in order to find the appropriate ISO code and filter it out.
Call prefix input behavior
This is input field (Forms normal UI kit) to set call prefix, in order to find the appropriate call prefix and filter it out.
Zone dropdown behavior
Zone dropdown (Dropdowns basics UI kit) allows to filter zones. Once clicked dropdown shows options in alphabetical order.
Enabled dropdown behavior
Enabled dropdown (Dropdowns basics UI kit) allows to filter enabled and disabled zones. Dropdown has these options:
- - shows all zones
Yes - shows enabled zones
No - shows disabled zones
Search button behavior
Search is CTA button with search icon (Buttons with icons UI kit) once clicked it shows result by enter information in ID, Country, ISO code, Call prefix inputs, Zone and Enabled dropdowns. When hover mouse pointer on it, button color changes.
Reset behavior
This CTA button with rubber icon (Buttons with icons UI kit) appears when a search has been executed. Resets the filtering, shows all the unfiltered Countries.
Countries list behavior
Every country is shown in separate line in Countries list. Each country in list is shown with these elements:
ID - the unique ID number.
Country - the name of zone.
ISO code - shows country ISO code.
Call prefix - shows country call prefix.
Zone - shows country zone.
Enabled or disabled icon - shows if country is disabled or enabled, when click on icon, country status changes.
Edit icon
Bulk actions behavior
When there are multiple countries, Bulk Actions dropdown (Dropdowns basics UI kit) help manage them and configure the main actions. Checkboxes (Forms checkboxes UI kit) in each country line can be used, if there is need to manage countries separately and use for Bulk Actions for adjusting the countries. Once clicked on Bulk actions dropdown opens these options:
Select all - option to select all countries.
Unselect all - option to unselect all selected countries.
Enable selected - option to enable selected zones.
Disable selection - option to disable selected zones.
Delete selected - option to delete selected zones.
Assign to a new zone - option to assign selected countries to a new zone.
Edit icon behavior
Edit icon once clicked opens that country page to make some changes.
Title of Country options behavior
Title includes the title and settings icon.
Multistore toggle switch behavior
This is toggle switch (Forms switch story UI kit) to set multistore behavior.
Restrict country selections in front office to those covered by active carriers toggle switch behavior
By default toggle switch (Forms switch story UI kit) is hidden until first checkbox (Forms checkboxes UI kit) is marked.
Multistores functionality
Multistores independent page. Multistore functionality depends on Shop association block settings.
Last updated
