I am thinking of building out a prototype in Hype and adding some ‘Framer JS’ prototypes inside a HTML widget. I’m not a Javascript/web expert but I can handle basic Javascript, HTML and CSS.
The scenario is to create pre-selected drop downs/menus/choices for a eCommerce website list page containing clothing products in many colours with a variety of search options. Using Hype I would animate pre-selected options and then when a User selects that pre-selection it communicates with the Framer prototype by sending a onChanged event or changing a property on the window?
I’m trying to research how I would do this, and how hard/complex it is to get selections updating between the Hype document and Framer. Can you give me some ideas of ‘terms’ I should be looking for as I research how to do it? And if you have code snippets to help me understand what it might look like, that would be great.
I don’t think this question has been asked somewhere else, or at least if it was I couldn’t understand the answer - so I’m asking here instead!
I’m not an expert on Framer, but if you’re using iframes then postmessage is generally the way to go! So you’re researching the right things. There are some posts on our older forums about using postmessage like: