In this documentation, we will show you how to customize the Checkout Order Review widget by Ultimate Store Kit.

Enable the Checkout Order Review Widget

To use the Checkout Order Review widget by Ultimate Store Kit, first, you have to enable the widget.

1. Go to WordPress > Ultimate Store Kit Plugin dashboard.
2. Then Click the WC Widgets Tab.
3. Search the Checkout Order Review Widget Name.
4. Enable the Checkout Order Review Widget.
5. Hit the Save Settings Button.

Inserting the Checkout Order Review widget

1. Go to the Elementor Editor Page and Hit the “+” (Add Element) icon button.
2. Search the Checkout Order Review widget.
3. Drag the widget and drop it on the editor page.

Work with The Style Tab

Heading Section

Go to Style > Heading

1. Color: This option lets you set the Order Review Heading color.

2. Bottom Spacing: You can adjust the bottom spacing of the heading.

3. Alignment: You can set the alignment of the heading as – Left, Center, and Right.

4. Typography: Change the font family, size, weight, style, transform, decoration, line height, letter spacing, and word spacing from here.

Table Section

Go to Style > Table

1. Border Type: You can set the Border Type to Default, None, Solid, Double, Dotted, Dashed, or Groove. We choose here the Border Type Solid.

2. Border Width: The border width property allows you to control how thick or thin the border is.

3. Border Color: This lets you change the table border color.

Come to the Table section, you will get 3 subsections; Header, Body and Footer.

Lets explore the Header subsections-

4. Color: This option lets you change the table header color.

5. Background Color: This option lets you change the table header background color.

6. Padding: Set the table header padding.

7. Typography: Set the table header typography. Change the font family, size, weight, style, transform, decoration, line height, letter spacing, and word spacing from here.

Lets explore the Body subsections-

1. Color: This option lets you change the table body text color.

2. Background Color: This option lets you change the table body background color.

3. Price Color: You can change the table body price color from here.

4. Row Padding: You can easily adjust the row padding of the table body from here.

5. Typography: Set the table body typography. Change the font family, size, weight, style, transform, decoration, line height, letter spacing, and word spacing from here.

Lets explore the Footer subsections-

1. Color: This option lets you change the table footer text color.

2. Price Color: You can change the table footer price color from here.

3. Subtotal Background Color: This option lets you change the table subtotal background color.

3. Total Background Color: This option lets you change the table total background color.

4. Padding: You can easily adjust the padding of the table footer from here.

5. Typography: Set the table footer typography. Change the font family, size, weight, style, transform, decoration, line height, letter spacing, and word spacing from here.

All done! You have successfully customized the Checkout Order Review widget on your website.

Video Assist

The video will come soon. Please visit the demo page for examples.

Thanks for being with us.