1. Home
  2. Docs
  3. ProductX
  4. Builder Blocks
  5. Product Rating Block

Product Rating Block

The product rating block dynamically controls product ratings’ position, size, and typography.

Let’s see what customization settings it offers.


You have control over the alignment of your product rating block. You can choose to align the rating to the left, center, or right, depending on your design preferences.

Star Color and Size

You can modify the star background color, empty star color, and star size (with a slider).

Product Rating Block General Settings


Typography settings allow you to control your product rating block’s font style, size, height, spacing, and weight.


You have the option to change the label color, label hover color, and typography.

Product Rating Block Label Setting


You can add a custom review text in this block. Also, you can customize the text and its color and modify the typography.

Product Rating Block Review Setting


You can display the order number by enabling it with a toggle. You can customize the order label, color, and typography. Also, you can add a separator of your choice and adjust its space.

Product Rating Block Order Setting
Was this article helpful to you? Yes No