I found a solution to add this myself with PHP and CSS:
add_action(‘woocommerce_checkout_before_order_review’, ‘custom_force_render_cart_in_checkout’, 20);
function custom_force_render_cart_in_checkout() {
echo ‘<div class=”custom-checkout-cart”>’;
woocommerce_order_review();
echo ‘</div>’;
}
And here CSS:
/* Adjust product image size, align left, and add spacings. */
.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
width: 80px;
height: auto;
float: left;
margin-right: 10px;
border-radius: 15px;
margin-bottom: 20px;
}
/* Display product name and price inline with the image. */
.product-name,
.product-price {
display: inline-block;
}
/* Hide unnecessary info in the checkout. */
.wc-gzd-cart-info.delivery-time-info,
.wc-gzd-cart-info.units-info,
.wc-gzd-cart-info.unit-price.unit-price-cart,
.cart-subtotal,
.woocommerce-shipping-totals.shipping,
.order-total,
.order-tax,
.product-total {
display: none;
}
/* Adjust the product table to full width and make background transparent. */
.shop_table.woocommerce-checkout-review-order-table {
min-width: 100% !important;
background: none;
}
/* Hide table header. */
thead {
display: none;
}
.
