{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/af57899bb7f846e29c75ad77ff852e61\" frameborder=\"0\" width=\"1280\" height=\"960\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":960,"width":1280,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":960,"thumbnail_width":1280,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/af57899bb7f846e29c75ad77ff852e61-1708955162132.gif","duration":299.409,"title":"Implementing Custom Components for Product Grids","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."}