Recreating Shopify Checkout Started Event

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!