Wishlist Module (blockwishlist)

Description

This module allows the user of the shop to create a wish list. 2 sections are in the back-office of the module "Configuration" and "Statistics" tabs.

Wishlist module Configuration tab User Interface

Wishlist module Statistics tab 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.

• Bell icon (todo link)

• Account icon.

• Breadcrumbs navigation - Breadcrumb UI kit.

• Heading of the page - Headings UI kit.

• Language dropdown for input fields

• Save button - Buttons basics UI kit.

The UI elements

Wishlist default title input

Description	Value	Error message
Mandatory	Yes	The field WishlistDefaultTitle is required at least in your default language.
Allowed/Forbidden values	-	-
Default value	My wishlist	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Create button label input

Description	Value	Error message
Mandatory	Yes	The field CreateButtonLabel is required at least in your default language.
Allowed/Forbidden values	-	-
Default value	Create new list	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Wishlist page name input

Description	Value	Error message
Mandatory	Yes	The field WishlistPageName is required at least in your default language.
Allowed/Forbidden values	-	-
Default value	My wishlist	-
Help text	-	-
Tool tips	-	-
Lower limit	-	-
Upper limit	-	-
Behavior	link to the behavior	-

Behaviors description

Title Wording section behavior

Title includes the title and edit icon.

Wishlist default title input behavior

This is input (Forms normal UI kit) to enter wishlist default title.

Create button label input behavior

This is input (Forms normal UI kit) to enter button label.

Wishlist page name input

This is input (Forms normal UI kit) to enter wishlist page name.

Title Top 10 most added products section behavior

Title includes the title and star icon.

Time period buttons group behavior

There are 4 CTA buttons in this button group (Button group UI kit) and they are:

• Day - shows one day wishlist products in list.

• Month - shows month wishlist products in list.

• Year - shows year wishlist products in list.

• All time - shows all time wishlist products in list.

Day button is marked by default. When hover mouse pointer on each button, button's color changes.

Refresh button behavior

This is CTA button with clock refresh icon (Buttons with icons UI kit). When hover mouse pointer on it, button's color changes. Once clicked button refreshes the statistics page with list bellow.

Top 10 most added products list behavior

In this list the top 10 products are shown by chosen time period. The information shown for every product:

• Product (with a link which when pressed redirects to the product in the back office)

• Reference

• Combination

• Category

• Price (tax excl.)

• Available Qty

• Conversion rate

Multistores functionality

Multistores dependent page.