My app is receiving a webhook of product orders through a POST workflow. The data in this webhook contains a product id along with some other fields. Because of difficulties with Bubble’s present handling of nested arrays in POST workflows, I am routing the data through Zapier then POSTing to my app and mapping the data fields to a ‘Checkout’ custom data type that I’ve created.
The webhook does not contain an image field for the product order. I am able to receive these from a separate API GET call to the same service that sends the webhook.
From the webhook and separate API GET call, I can find the same product via the product id. The product id in the webhook and the product id in the API GET call reference the same product.
I want to display this Product, specifically it’s product image in a repeating group. The repeating groups’s content is of data type “Checkout”. This is from my database and it has a Product ID. The product image (image src) comes from an external API call called ‘Shopify Time Travel Products’.
How can I display the image in the repeating group? How can I find the product where the product id from the GET API call = the “Checkout” Product ID, and then show that products image src (which comes from the GET API call).
This is how I’ve started. From the expression below, the intersecting product id’s appear in the debugger as a list of product ids, but how do I grab the image src for each product id to display the image?