Cross-selling (ps_crossselling)

Description

The page consists of 1 toggle switch, and a number input.

Cross-selling User Interface

QA

Link to the test

Common components

• E-commerce logo.

• PrestaShop version number.

• Quick access dropdown.

• Search input - Forms input with dropdown UI kit.

• Shop switcher with eye icon.

• Bell icon (todo link)

• Account icon.

• Breadcrumbs navigation - Breadcrumb UI kit.

• Heading of the page - Headings UI kit.

• Page header call to action buttons (modules).

• Save button - Buttons basics UI kit.

• Configuration block.

The UI elements

Display price on products toggle switch

Description	Value	Error message
Mandatory	Yes	-
Allowed/Forbidden values	-	-
Default value	Yes	-
Help text	Show the price on the products in the block.	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Number of displayed products input

Description	Value	Error message
Mandatory	Yes	You must fill in the "Number of displayed products" field.
Allowed/Forbidden values	Only numbers allowed	Invalid number.
Default value	8	-
Help text	Set the number of products displayed in this block.	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Behavior description

Display price on products toggle switch behavior

This is Display price on products toggle switch (Forms switch story UI kit). When enabled will show the prices of the cross-selling products.

Number of displayed products input behavior

This is a numbering input field (Forms helpers UI kit), it allows to set number of displayed products in cross-selling block in Front office.

Multistores functionality

Multistores dependent page.