Hi,
I am transitioning from Shopify integration to APIs and wanted to create events as similar as possible. I am starting with the Checkout Started event.
For Shopify event it seems like a list of Items gets passed and are very nicely displayed:

To recreate this I have try passing a list of items under event properties like this:
"properties": {
"Items": [
{
"ProductName": "Item Name",
"Quantity": 1,
"Sub-Total": 9.99,
"ImageURL": "https://via.placeholder.com/150"
}
]
but the way they look in my event metric data is different:

My question is -- Is is possible to generate the same using the APIs than what the Shopify integration does? if so, how can I accomplish the same? thanks!