Comments component

This component is used to display a threaded comments section that also allows adding comments and rating them. It can be displayed as a feedback of products or testimonial which are shown in Single product page and Single page.

The following is the location of the Comments component

Example

Variables

Comments

comments

array[object (Comments) {10}]

optional

This object is a Paginator as well, so it performs the pagination function and to specify which view should be used to create pagination links. Example: comments.next_page

integer

optional

Id of the comment.

avatar

string

optional

The image of the user that gave the comment.

name

string

optional

Name of the user that made the comment.

has_order

boolean

optional

Whether the user who made the comment has an order or not.

created_at

string <date>

optional

Comment creation date.

Example:

dd/mm/yyyy

stars

integer

optional

Stars rating for the comment.

content

string

optional

Content of the comment.

is_pending

boolean

optional

Whether the comment is approved yet.

replies

array[object (Comments) {10}]

optional

Replies to the comment.

type

enum<string>

optional

Type of the user that created the comment.

Allowed values:

admincustomer

type

enum<string>

optional

The type of the page where the comment is displayed.

Allowed values:

pageproduct

enum<integer>

optional

The ID of the page or product page where the comment is displayed.

Allowed values:

pageIdProductId

Usage

This component will check the eligibility of the user to create comments. If the user is allowed, the component will display comment section contaiting the text field to allow user to comment and submit the comment using salla-button.

Next, the component checks comments availability then uses salla-infinite-scroll to display the comments in a for-loop. It will also display the comments' details such as name, avatar, has-order, rating star, created date, comment content and checks if the user type is admin. As shown in the below code.

Example#

Variables#

Usage#

Example

Variables

Usage