# Order Confirmation Group

## Overview <a href="#overview" id="overview"></a>

Use this template to display order confirmations for product orders and reservation details. No workflows are associated with this block.Structure

* **Group Confirmation**

  This group contains common UI components for a confirmation page for an order placed. It includes: an icon check, confirmation email, progress bar for shipping status, and a button.<br>
* **Group Check-in Checkout Confirmation**\
  This group contains common UI components for a booking/reservation. It includes: an image slideshow (no workflows associated), check-in and checkout date and time, two icon labels, and reservation details.<br>
* **Group Order summary**\
  This group contains common UI components for a list of ordered items. Each item includes: an image, name, details, price, taxes, and total order amount.<br>
* **Group Payment and shipping**\
  This group contains payment and shipping details for the order or booking.<br>
* **Group Options**\
  This group contains two hoverable contact options, each with: an icon, name, and description.

## How to set up

* Hide or remove groups that you do not need.
* Add workflows or conditional statements to the UI components that you use (e.g., buttons, progress bar, and etc).
* Update images and texts to reference your own data (e.g. image slideshow, check-in/checkout date and time, order summary, payment, and shipping details).