Skip to main content
The testimonials component showcases customer reviews and ratings for your store or specific products.

​
Component usage

Add testimonials to your home page: 
<section class="s-block s-block--testimonials container overflow-hidden">
  <salla-reviews 
    {{ display_all_url ? "display-all-link" : "" }} 
    limit="{{ limit }}" 
    sort="{{ sort }}" 
    {{ hide_customer_info ? 'hide-customer-info' : '' }} 
    type="{{ type }}"
  ></salla-reviews>
</section>

​
Variables

​
limit
string
Maximum number of testimonials to display
​
type
string
default:"store"
Type of reviews to display:
  • store - All store reviews
  • product - Product-specific reviews
  • all - All available reviews
​
sort
string
Sorting order for reviews:
  • latest - Newest reviews first
  • oldest - Oldest reviews first
  • rating_high - Highest rated first
  • rating_low - Lowest rated first
​
hide_customer_info
boolean
default:"false"
When true, hides customer names and profile information
​
display_all_url
string
URL for “View All Reviews” link. If empty, the link is hidden

​
Example with all options

<section class="s-block s-block--testimonials container overflow-hidden">
  <salla-reviews 
    display-all-link
    limit="6" 
    sort="latest" 
    type="store"
  ></salla-reviews>
</section>

​
Example hiding customer info

<section class="s-block s-block--testimonials container overflow-hidden">
  <salla-reviews 
    limit="8" 
    sort="rating_high" 
    hide-customer-info
    type="all"
  ></salla-reviews>
</section>

​
Example for product reviews

<section class="s-block s-block--testimonials container overflow-hidden">
  <salla-reviews 
    limit="5" 
    sort="latest" 
    type="product"
  ></salla-reviews>
</section>
The salla-reviews component automatically handles loading states, pagination, and responsive layouts.

​
Review content

Each review typically includes:
  • Customer name and avatar (unless hidden)
  • Star rating (1-5 stars)
  • Review text
  • Review date
  • Product information (for product reviews)

​
Configuration in twilight.json

This component is registered in twilight.json under features: 
{
  "features": [
    "component-testimonials"
  ]
}

Build docs developers (and LLMs) love

Get started for freeTalk to us