<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/af57899bb7f846e29c75ad77ff852e61&quot; frameborder=&quot;0&quot; width=&quot;1280&quot; height=&quot;960&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>960</height><width>1280</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>960</thumbnail_height><thumbnail_width>1280</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/af57899bb7f846e29c75ad77ff852e61-1708955162132.gif</thumbnail_url><duration>299.409</duration><title>Implementing Custom Components for Product Grids</title><description>In this video, I demonstrate how to implement custom components for product grids. I explain the structure of the product grid component and how it renders the input list of products. I also discuss the different types of input props and how to bind the input to either a data model or a section model. By following these steps, you will be able to create a base for your use cases and effectively implement product grids in your editor.</description></oembed>