Skip to content

Search is only available in production builds. Try building and previewing the site to test it out locally.

Ratings and Reviews containers

The Ratings and Reviews drop-in includes three containers. Review and Pagination work together to show a product’s approved reviews, while WriteReview lets shoppers submit a new review.

Containers are ready-made UI components that manage how data appears and how the UI responds. Customize them with configuration options (props), slots, and CSS.

ContainerDescription
ReviewShows one page of approved reviews with loading, empty, unavailable, and error states.
PaginationShows page controls for the review list and requests other pages.
WriteReviewShows a review form with star ratings. Signed-out shoppers see a sign-in prompt when guest reviews are turned off. After submission, shoppers see a message that the review is waiting for approval.

Call getProductReviews from your block to load the first page. Review and Pagination do not make this initial request. Use the same scope for both containers and the function so they update from the same review events.