1. Home
  2. Docs
  3. ProductX
  4. Builder Blocks
  5. Order Payment Block

Order Payment Block

The order payment block displays the payment overview of a customer.

Let’s see what customization settings it offers.


You can change this block’s layout view (vertical or horizontal). Also, you can modify the text of the order number, date, email, total, payment method, and alignment.

Order Payment Block General Settings

List Item

You can customize the list of items with border, padding, border radius, and space settings.

Order Payment Block List Item


For the labels, you can customize their color and typography.

Order Payment Block Label


You can customize the values’ color, typography, and space.

Order Payment Block Value


You can customize the separators’ color, width, and style.

Order Payment Block Separator


In the container settings, you can change the background color, border, border radius, and padding.

Order Payment Block Container
Was this article helpful to you? Yes No