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.
| Container | Description |
|---|---|
| Review | Shows one page of approved reviews with loading, empty, unavailable, and error states. |
| Pagination | Shows page controls for the review list and requests other pages. |
| WriteReview | Shows 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.