Currencies

The page contains webshop Currencies list.

QA

Link to the test

Common components

Adding new currency

There is a separate Call-to-action button in the top-right position of the page, to add new currency.

Tabs section

The active selected tab is highlighted using Navigation Tab UI Kit.

Currency table components

Table header is Currencies. The header defines the numeric value of the entries in the currency table. The Settings wheel in the header has available dropdown functions as well. The table is generated from Tables Hoverable UI Kit.

Bulk actions dropdown - by default, it is displayed as inactive, but once there is a random entry selected, the dropdown becomes active. Bulk action has 3 options:

  • Enable selection - enables the selected Currency. After the action finishes, success notification is shown in the interface - The status has been successfully updated. It comes from the Alerts Basics UI Kit.

  • Disable selection - disables the selected Currency. After the action finishes, success notification is shown in the interface - The status has been successfully updated. It comes from the Alerts Basics UI Kit.

  • Delete selection - deletes the selected Currency. After the action initiates, there will be a pop-up with the text: Delete selection Are you sure you want to delete the selected item(s)? Close - closes the pop-up, Delete - finishes the action.

After the action finishes, success notification is shown in the interface - The status has been successfully updated. It comes from the Alerts Basics UI Kit.

ID - header indicating the ID of the Currency.

Currency - header indicating the Currency name.

Symbol - shows the symbolic expression of the Currency.

ISO code - shows the initials of the Currencies.

Exchange rate - shows the last official exchange rate of the Currency.

Enabled - displays the enabled or disabled toggle switch buttons - if Currency enabled or disabled.

Actions - displays the Edit or Delete actions for certain Currency.

Filtering the table information

There are several input fields and a dropdown, for filtering the table information. If filtering results do not return any information that was searched, there will be an empty table with the placeholder with the black warning triangle sign in the center - No records found. Then, a cross icon X with the word Reset, will be shown in the right table position, to reset the filtering and return to full table list.

Search ID - input with a placeholder. Accepts only numbers.

Currency - input with a placeholder. Accepts the numbers and letters.

Symbol - input with a placeholder. Accepts the numbers and letters.

ISO code - input with a placeholder. Accepts the numbers and letters.

Empty, Yes, No dropdown - by default, the dropdown is set to empty. But it can arrange the currencies by Enabled or Disabled in webshop.

Search call-to-action - by default, the button is disabled, but once there is something typed in the filter inputs, the button becomes active.

Sorting the table information

The table list can be easily sorted by clicking on the headers of the table. The arrow indicators - arrow up and arrow down appears, when headers are hovered. A single click will toggle the arrangement from highest to lowest, and another click will sort from lowest to highest table row values. The sorting table headers are:

  • ID

  • ISO code

  • Exchange rate

  • Enabled

Error notifications

Once, there is an unsuccessful attempt to delete the Currency, Alerts Basics UI Kit error notification will be prompted:

An error occurred while deleting this selection.: {currency name}

Exchange rate table

The main function of the table is to update the Currency rate for all the Currencies in webshop list.

Live exchange rates toggle switch button - required button - it works only when the cronjobs module is installed into the Prestashop. Small description text tells Please install the cronjobs module before using this feature.

Update exchange rates Call-to-action button - once clicked, the exchange rates will be updated up to the latest exchange rate day. The success notification will tell Successful update from Alerts Basics UI Kit.

Multistores

This page is Multistore dependent page.

Last updated