Catalog price rules listing

Description

It is an user interface where the user can view all the catalog price rules that has been created.

Catalog price rules listing User Interface

Common components

• Breadcrumbs navigation - Breadcrumb UI Kit.

• Heading of the page - Headings UI Kit.

• Help Button - Buttons Outline UI Kit.

• E-commerce logo

• PrestaShop version number

• Quick access dropdown

• Search input

• Shop switcher with eye icon

• Bell icon (todo link)

• Account icon

• 4 table header tools (todo link)

The UI elements

Add new catalog price rule

Description	Value	Error message
Mandatory	NO	-
Allowed/Forbidden values	-	-
Default value	-	-
Help text	-	-
Tool tips	Add new catalog price rule	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Recommended Modules and services

Description	Value	Error message
Mandatory	NO	-
Allowed/Forbidden values	-	-
Default value	-	-
Help text	-	-
Tool tips	Recommended Modules and services	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

ID field

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

Name

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

Shop

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

Currency

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

Country

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

Group

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

From quantity

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

Reduction

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

Beginning

Description	Value	Error message
Mandatory	NO	-
Allowed/Forbidden values	Numbers allowed only	-
Default value	-	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

End

Description	Value	Error message
Mandatory	NO	-
Allowed/Forbidden values	Numbers allowed only	-
Default value	-	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Behaviors description

Add new catalog price rule button behavior

This is CTA button (Buttons with icons UI kit) once clicked it opens Catalog price rules creation page. When hover mouse pointer on it, button color changes.

Recommended Modules and services button behavior

This is CTA button (Buttons outline UI kit) once clicked opens Recommended Modules and Services popup with information about recommended modules and link to addons.prestashop.com page in new window. When hover mouse pointer on it, button color changes.

Catalog price rules and numbering behavior

The numbering next Catalog price rules title is indication, how many rules are there in this listing. If there is more than one Catalog price rule created in the listing, and all the Catalog price rules are configured identically, Prestashop will use the catalog price rule which is the nearest to ID 0, which basically is the oldest-made configuration rule in listing.

ID input behavior

This is input field (Forms normal UI kit) to set catalog price rule ID number, in order to find the appropriate rule and filter it out. Next to input are up and down arrows to list catalog price rules in ascending or descending order.

Name input behavior

This is input field (Forms normal UI kit) to set catalog price rule name, in order to find the appropriate rule and filter it out. Next to input title are up and down arrows to list catalog price rules by name from A to Z or from Z to A. If catalog price rules names start with numbers arrows list catalog price rules by name in ascending or descending order. When in the list are catalog price rules that names start with numbers and letters, first list catalog price rules that names start with number and after them with letters from A to Z.

Shop input behavior

This is input field (Forms normal UI kit) to set catalog price rule shop, in order to find the appropriate rule and filter it out. Next to input title are up and down arrows to list catalog price rules by shop from A to Z or from Z to A. If catalog price rules shops start with numbers arrows list catalog price rules by shop in ascending or descending order. When in the list are catalog price rules that shops start with numbers and letters, first list catalog price rules that shops start with number and after them with letters from A to Z.

Currency input behavior

This is input field (Forms normal UI kit) to set catalog price rule currency, in order to find the appropriate rule and filter it out. Next to input title are up and down arrows to list catalog price rules by currency from A to Z or from Z to A.

Country input behavior

This is input field (Forms normal UI kit) to set catalog price rule country, in order to find the appropriate rule and filter it out. Next to input title are up and down arrows to list catalog price rules by country from A to Z or from Z to A.

Group input behavior

This is input field (Forms normal UI kit) to set catalog price rule group, in order to find the appropriate rule and filter it out. Next to input title are up and down arrows to list catalog price rules by group from A to Z or from Z to A.

From quantity input behavior

This is input field (Forms normal UI kit) to set catalog price rule from quantity, in order to find the appropriate rule and filter it out. Next to input title are up and down arrows to list catalog price rules by minimal quantity in ascending or descending order.

Reduction type dropdown behavior

Reduction type dropdown (Dropdowns basics UI kit) by default is set on empty option to show all reduction types. Catalog price rules can be filtered by reduction type: Percentage and Amount.

Reduction input behavior

This is input field (Forms normal UI kit) to set catalog price rule reduction, in order to find the appropriate rule and filter it out. Next to input title are up and down arrows to list catalog price rules by reduction in ascending or descending order.

Beginning inputs behavior

There are From and To input fields (Forms normal UI kit), once clicked on input field opens calendar in popup. It is just simple date and time selection picker widget. Select the year, month and day from when or till when catalog price rules should start. There are also allowed to enter date in input field. Next to inputs title are up and down arrows to list catalog price rules by beginning date.

End inputs behavior

There are From and To input fields(Forms normal UI kit), once clicked on input field opens calendar in popup. It is just simple date and time selection picker widget. Select the year, month and day from when or till when catalog price rules should be ended. There are also allowed to enter date in input field. Next to inputs title are up and down arrows to list catalog price rules by end date.

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, Name, Shop, Currency, Country, Group, From quantity, Reduction, Beginning and End date inputs and Reduction type dropdown. When hover mouse pointer on it, button color changes.

Catalog price rules list behavior

Every created cart rule is shown in separate line in Cart rule list. Each cart rule in list could be shown with these elements if they were set while creating Cart rule:

• ID

• Name

• Shop

• Currency

• Country

• Group

• From quantity

• Reduction type

• Reduction

• Beginning

• End

Bulk actions behavior

When there are multiple cart rules created, Bulk Actions button help manage them and configure the main actions. Checkboxes (Forms checkboxes UI kit) in each cart rule line can be used, if there is need to manage rules separately and use for Bulk Actions for adjusting the rules. Once clicked on Bulk actions dropdown opens these options:

• Select All - option to select all the checkboxes of listing items in Cart rules list.

• Unselect All - option to unselect all the checkboxes of listing items in Cart rules list

• Delete selected - after specific multiple Cart rules checkboxes selection, it can be deleted from the listing by one click.

Edit behavior

Edit is dropdown with button split (Dropdowns with button split UI kit), once clicked Edit button opens that catalog price rule page to make some changes. Once clicked dropdown opens Delete option, when it clicked catalog price rule is deleted form list.

Multistores functionality

This page is Multistores independent (todo link) page. Catalog price rules listing is not aligned with separate multistores - listing is not affected by switching different multistores. Each Multistore Shop can have a certain Catalog price rule specified. Certain Catalog price rule can be specified conditionally in Shop dropdown, once the new Catalog price rule is being created or edited.