> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yukoreviews.com/llms.txt
> Use this file to discover all available pages before exploring further.

> Learn how to display product reviews directly on your product pages using this widget.

# Product Reviews Display Widget

The Product Reviews Display Widget is the main review section on your product pages.\
It shows customer feedback, star ratings, photos, videos, and all review details in one clean place. Most stores place this widget below the product description so shoppers can read reviews before they buy.

You can customize the layout, style, colors, and what information you want to show — all with live preview inside Yuko.

### **Navigation**

Yuko Dashboard → **Reviews → Widgets → Product Reviews Display**

<Frame>
  <img src="https://mintcdn.com/yukoreviews/2A4-jGC_tIjwzp80/images/yuko-product-review-display.png?fit=max&auto=format&n=2A4-jGC_tIjwzp80&q=85&s=da143f414263f14655a4fff02a84584a" alt="Yuko Product Review Display" width="2824" height="1374" data-path="images/yuko-product-review-display.png" />
</Frame>

### **Customize the Product Reviews Display Widget:**

\
The following are the options for customisation:

### <Icon icon="table-layout" /> Layout

Choose how reviews and ratings are displayed:

* **Review Layout:** Grid, List, or Mosaic
* **Rating Layout:** Horizontal or Compact

***

### <Icon icon="paintbrush" /> Style

Control the appearance of review cards:

* **Card Shadow:** Classic, Light, Dark, or None
* **Card Corners:** Sharp to Extra Rounded

***

### <Icon icon="paint-roller" /> Colors

Match the widget with your brand by customizing:

* Header text and rating bars
* Star icons
* Buttons (text, background, hover, border)
* Review cards, replies, badges, and arrows

***

### <Icon icon="arrow-down-left-and-arrow-up-right-to-center" /> Preferences

Decide what to show and how reviews behave:

* Toggle review details (title, date, verified badge, replies, filters, sorting)
* Choose how reviews display when a product has no reviews
* Customize header text, buttons, and labels
* Set pagination and default sorting

***

### <Icon icon="store" /> Store Reviews

If enabled, you can:

* Show or hide store reviews
* [Customize store review labels and buttons](/collect-reviews/collecting-shop-site-review)

***

### <Icon icon="code" /> Advanced CSS

Use Custom CSS for fine-tuning fonts, spacing, borders, and mobile layout.

***