This feature is available together with the Prestashop module. Once the module is Enabled, these functionalities will be seen.
It is a great way to build more confidence to the webshop visitors. The module allows visitors to review or comment certain products or items. It enables the possibility to filter and manage all the reviews from the back-office, and to choose, what reviews will be in front-office.
- Breadcrumbs navigation - Breadcrumb UI Kit.
- Heading of the page - Headings UI Kit.
- Save button - Buttons basics UI kit.
- E-commerce logo
- PrestaShop version number
- Quick access dropdown
- Search input
- Shop switcher with eye icon
- Bell icon
- Account icon
- Language dropdown for input fields
- Checkmark navigation CTA buttons
- Configuration block
Description | Value | Error message | |
---|---|---|---|
Mandatory | Yes | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | Yes | - | |
Help text | - | - | |
Tool tips | - | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | Yes | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | No | - | |
Help text | - | - | |
Tool tips | - | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | Yes | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | Yes | - | |
Help text | - | - | |
Tool tips | - | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | Yes | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | No | - | |
Help text | Display only initials, e.g. John D. | - | |
Tool tips | - | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | 30 | - | |
Help text | - | - | |
Tool tips | - | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | 5 | - | |
Help text | - | - | |
Tool tips | - | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | - | ||
Help text | - | - | |
Tool tips | Approve | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | - | ||
Help text | - | - | |
Tool tips | Delete | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | - | - | |
Help text | - | - | |
Tool tips | Add new criterion | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | - | - | |
Help text | - | - | |
Tool tips | Refresh list | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | - | ||
Help text | - | - | |
Tool tips | Edit | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | - | - | |
Help text | Maximum length: 64 characters | - | |
Tool tips | - | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | Yes | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | Yes | - | |
Help text | - | - | |
Tool tips | - | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Description | Value | Error message | |
---|---|---|---|
Mandatory | No | - | Error message if not allowed |
Allowed/Forbidden values | - | - | |
Default value | - | - | |
Help text | - | - | |
Tool tips | Delete | - | |
Lower limit | - | - | Error message if bellow the limit |
Upper limit | - | - | Error message if up to the limit |
Behavior | link to the behavior | - |
Configuration header of the block is shown with configuration icon.
It is a toggle switch (Forms switch story UI kit) that triggers the ability to let the webshop employees validate the reviews.
It is a toggle switch (Forms switch story UI kit) that triggers the ability to let the webshop guests to write the reviews.
It is a toggle switch (Forms switch story UI kit) that triggers the ability to let the up-voting and down-voting of the reviews.
It is a toggle switch (Forms switch story UI kit) that triggers the ability to show or hide the last name of the user.
This is input with text seconds (Forms input group UI kit). It sets the time in seconds, to do a delay for generating a review. It is a prevention of spamming huge amount of reviews at once.
This is input with text comments (Forms input group UI kit). It sets the limit for comments in one page.
It is a table (Tables hoverable UI kit) where all the reviews are listed for the approval.
The table headers are:
- ID - shows the review ID.
- Review title - shows the review title.
- Review - shows the review text content.
- Rating - shows the rating as in a 5-star rating in front-office.
- Author - shows the user, that created a review.
- Product - shows the product name.
- Time of publication - shows the time when the review was submitted.
This is dropdown with CTA button in one component (Dropdown with button split UI kit) in Reviews waiting for approval block. When hover mouse pointer on it, button color changes.
Clicking Approve will approve the pending review, and it will appear in the front-office. Clicking the dropdown and selecting Delete - will reject the pending review. There will be a confirmation pop-up with the exclamation mark icon and the following text:
Delete selected item?
Name: {name of the entry}
Yes and No buttons
Yes - executes the deletion.
No - closes the popup with no action.
If there are no entries in the table, there will be a notification in the middle of the table - No records found with the exclamation mark icon.
It is a table (Tables hoverable UI kit) where all the reported reviews are listed for the approval. Reported Reviews are retrieved once the visitor from front-office clicks the Flag icon near the review.
The table headers are:
- ID - shows the review ID.
- Review title - shows the review title.
- Review - shows the review text content.
- Rating - shows the rating as in a 5-star rating in front-office.
- Author - shows the user, that created a review.
- Product - shows the product name.
- Time of publication - shows the time when the review was submitted.
This is dropdown with CTA button in one component (Dropdown with button split UI kit) in Reported Reviews block. When hover mouse pointer on it, button color changes.
Clicking the dropdown and Not abusive, will leave the reported review written, and it will remain appearing in the front-office.
Clicking the Delete - will reject the reported review. There will be a confirmation pop-up with the exclamation mark icon and the following text:
Delete selected item?
Name: {name of the entry}
Yes and No buttons
Yes - executes the deletion.
No - closes the popup with no action.
If there are no entries in the table, there will be a notification in the middle of the table - No records found with the exclamation mark icon.
It is a table (Tables hoverable UI kit) where all the Review Criteria entries are listed.
The table headers are:
- Title - Review Criteria.
- Numeric value - shows the number of Criteria in list.
- ID - review criteria ID.
- Name - name of the criteria.
- Type - can be 3 different types of Criteria that can be created:
- Valid for the entire catalog
- Restricted to some categories
- Restricted to some products
- Status - Enabled or Disabled statuses marked as red cross icon and green checkmark.
Ability to filter the Review Criteria listing.
There are these elements for filtering:
- ID - input field (Forms normal UI kit), here specific text can be typed to search for a certain ID.
- Name - input field (Forms normal UI kit), here specific text can be typed to search for a certain Name.
- Type - input field (Forms normal UI kit), here specific text can be typed to search for a certain Type.
- Status - dropdown (Dropdowns basics UI kit), here specific selection can be selected for a certain Status.
- Search CTA button (Buttons outline UI kit) - once clicked executes the search and returns the results. When hover mouse pointer on it, button color changes.
Ability to sort the Review Criteria listing by clicking the arrow-up or arrow-down near the headline of the title.
- Arrow-up - lists the entries in alphabetical and numerical order, Z-A, 9-1.
- Arrow-down - lists the entries in alphabetical and numerical order, A-Z, 1-9.
Once clicked (+) Plus icon in Review Criteria block redirects to the adding or editing new criterion page. When new criterion saved it appears in Review criteria list. When hover mouse pointer on icon, its color changes.
One clicked Refresh icon in Review Criteria block, it refreshes the whole page. When hover mouse pointer on icon, its color changes.
This is dropdown with CTA button in one component (Dropdown with button split UI kit) in Review Criteria block. When hover mouse pointer on it, button color changes.
Clicking the Edit, will redirect to the Review Criteria edition page.
Clicking the dropdown and Delete - will delete the Criteria. There will be a confirmation pop-up with the exclamation mark icon and the following text:
Delete selected item?
Name: {name of the entry}
Yes and No buttons
Yes - executes the deletion with the green alert success message (Alerts basics UI kit):
Criterion deleted
No - closes the popup with no action.
If there are no entries in the table, there will be a notification in the middle of the table - No records found with the exclamation mark icon.
Review Criteria can be added by clicking the plus (+) icon in the header row or clicking Edit dropdown with button split.
Once the Review Criteria is added or edited, there will be a redirection to the new UI page.
There are these elements in block:
- Title - Add new criterion.
- Criterion name
- Application scope of the criterion - dropdown, which has available options:
- Valid for the entire catalog
- Restricted to some categories
- Restricted to some products
- Criterion will be restricted to the following categories - some categories can be excluded from the criterion, it can be adjusted by the Category table. Each Category box can be marked or unmarked. Helper text contains:
Mark the boxes of categories to which this criterion applies. - Active toggle switch
This is input field (Forms normal UI kit) to enter certain Criterion name.
Active toggle switch (Forms switch story UI kit) with options to Enable or Disable the criterion.
It is a table (Tables hoverable UI kit) where all the approved reviews are listed. Approved Reviews in the list are stored once the back-office administrator approves the pending reviews.
The table headers are:
- ID - shows the review ID.
- Review title - shows the review title.
- Review - shows the review text content.
- Rating - shows the rating as in a 5-star rating in front-office.
- Author - shows the user, that created a review. If the author name is registered in webshop system, then it is linked to the profile page.
- Product - shows the product name.
- Time of publication - shows the time when the review was submitted.
This is dropdown with CTA button in one component (Dropdown with button split UI kit) in Approved Reviews block. It deletes the Approved Review. There will be a confirmation pop-up with the exclamation mark icon and the following text:
Delete selected item?
Name: {name of the entry}
Yes and No buttons
Yes - executes the deletion with the green alert success message (Alerts Basics UI Kit):
Criterion deleted
No - closes the popup with no action.
If there are no entries in the table, there will be a notification in the middle of the table - No records found with the exclamation mark icon.
Page is Multistore dependent.
'Time between 2 reviews' textfield : non-numeric values are allowed
'Number of comments per page' : non-numeric values are allowed