Windramix

Два основных варианта - animation-timeline или скрипты. Из минусов анимейшн-таймлайн - относительно слабая поддержка браузерами. Когда я смотрел последний раз было около 65 процентов. Мозила не поддерживает принципиально. Скрипты - это множество библиотек, вот пара примеров. Можно еще руками написать, если знания позволяют.

у тильды самописные анимации, на сколько я знаю.
но можно посмотреть в сторону gsap. очень мощная библиотека для анимаций. умеет с webgl работать и т.д.
у меня в профиле есть заготовка сайта портфолио моего. делал я его года 3 назад и там использую gsap + webgl.

именно для скролл анимаций у gsap есть плагин ScrollTrigger. документация у них в принципе очень подробно расписана, можно за один вечер базу освоить

готовое решение для скрола - ScrollTrigger, а эффекты к скролу можно любые привязывать

Придется наверное писать ajax-запрос и его обработчик. Так как в ui передаются только следующие параметры: id-товара, label для autocomplete, url-товара и его название.
Тебе нужно в методе select, который на последнем скрине, написать ajax-post запрос, в котором ты будешь передавать id товара. Далее этот запрос обрабатывай плагином или сниппетом и возвращай готовую обертку модалки и выводи ее.
Как работать с Ajax, есть старая добрая статья от Василия по ссылке.