For discussing the development and usage of Checkout UI extensions, post-purchase extensions, web pixels, Customer Accounts UI extensions, and POS UI extensions
I'm using an iframe in my liquid snippet to embed a specific route of my nextjs app so that I don't need to recreate my component library. Is this allowed? My code works but definitely running into some issues communicating between the store and the iframe which I've figured out workarounds for but just wanted to know if this will be rejected in the app store. Also would love to know the best way to render a modal triggered from the app extension.
<iframe src="route-to-my-app"></iframe> {% schema %} { "name": "Tokengate", "target": "section", "templates": ["product"], "settings": [] } {% endschema %}
Hi Melz1,
Checking with our internal team on this one!
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
Any update for this? I would also like to know whether it's possible to implement a modal with content from an iframe? The specific use c ase for this is a Paypal credit widget which has some advanced stuff for calculating instalments and payment rates, which I would like to avoid to duplicate functionality for. So my idea was a modal popup where it could show that widget
I would greatly appreciate your answer on this matter. Shopify theme extensions represent the future of the Shopify App Store, as applications that customers interact with are more important and valuable than those that merchants use. However, the current limitations place a significant burden on developing theme extensions.
I understand your concerns about bundle sizes, but you should, at least as a first step, increase the bundle size for app embeds. These can be loaded lazily after the initial render, ensuring that the original functionality and UI of the store remain unaffected by the extension's loading time. Alternatively, you could provide a more modern framework that limits bundle sizes without restricting the capabilities of modern web programming.
communicating between the store and the iframe .. How you have done it... Please suggest me