Требуется настроить импорт заказов из фрейма

Все готово) Спасибо!

По мотивам топика — modx.pro/blogs/sites/8741-the-first-website-in-modx

Из обновления:
начал разбираться с minishop2) Тут явно нужна помощь от разработчиков.
Нужно сделать импорт заказов из этого конструктора в minishop2 (я взял сборку devdevel)
Конструктор отдает данные о заказе в таком виде:

Посмотреть вживую можно тут — dev.makemycase.ru/tstcnst
Сейчас сделал вывод в console.log
скрипт, перехватывающий событие заказа из встроенного фрейма/конструктора:

window.addEventListener('message',function(e){
	if( !e.data ) return;
	var parsed;
	try{ parsed = JSON.parse(e.data) } catch(err){ return }
	if( !parsed.type || parsed.type !== 'cosuvOrder' ) return;
	console.log(parsed);
});

Сами данные приходят в таком виде:

{vars:
"{\"base\":0,\"model\":0,\"color\":0,\"sex\":0,\"age\":0,\"size\":0,\"userlang\":\"rus\",\"adminlang\":\"rus\",\"readableUserLang\":{\"base\":\"iPhone 4/4S\",\"model\":\"2D Чехол\"},\"vectorPreview\":\"<svg id=\\"Заказ\\" data-lang-id=\\"80\\" version=\\"1.1\\" xmlns=\\"http://www.w3.org/2000/svg\\" xmlns:xlink=\\"http://www.w3.org/1999/xlink\\" width=\\"700\\" height=\\"700\\" overflow=\\"visible\\" xml:space=\\"preserve\\" style=\\"display: block;\\">\n\t\t\t<g class=\\"sides\\" id=\\"Стороны\\" data-lang-id=\\"81\\"><g class=\\"side\\" id=\\"Задняя_сторона___1\\" visibility=\\"visible\\" transform=\\"translate(123.95833333333334,0) scale(1.2152777777777777,1.2152777777777777)\\"><image x=\\"0\\" y=\\"0\\" width=\\"372\\" height=\\"576\\" class=\\"layer layer0 layer-base\\" id=\\"Основа___2\\" xlink:href=\\"https://cosuv.ru/layer-imgs/769/1460011904.png\\"/><g class=\\"adds\\" id=\\"Композиция_клиента___3\\" clip-path=\\"url(#area0)\\"><g class=\\"add-6 text\\" width=\\"94.828125\\" height=\\"24.984375\\" id=\\"Текст___29\\" transform=\\"scale(2.9289399234481612,2.9289399234481612) translate(16.602272727272727,86.17832386363635) rotate(0,47.4140625,12.4921875)\\"><g id=\\"Пропорции___7\\"><text x=\\"0\\" y=\\"20\\" width=\\"94.828125\\" height=\\"24.984375\\" style=\\"fill:#000000;font-weight:normal;font-style:normal;text-decoration:none;\\" transform=\\"translate(0)\\" id=\\"Строки___28\\" font-family=\\"Lobster\\" font-size=\\"20\\" text-anchor=\\"start\\"><tspan font-family=\\"Lobster\\" font-size=\\"20\\" text-anchor=\\"start\\" x=\\"0\\" dy=\\"0\\">Мой текст</tspan></text></g></g></g><image x=\\"0\\" y=\\"0\\" width=\\"372\\" height=\\"576\\" class=\\"layer layer2\\" id=\\"Макет_чехла___5\\" xlink:href=\\"https://cosuv.ru/layer-imgs/769/1460011916.png\\"/><defs><clipPath id=\\"area0\\"><rect x=\\"50\\" y=\\"23\\" width=\\"275\\" height=\\"532\\"/></clipPath></defs></g></g>\n\t\t</svg>\",\"readable\":{\"base\":\"iPhone 4/4S\",\"model\":\"2D Чехол\"}}" ,

fields: 
"[{\"type\":\"text\",\"label\":\"Ваше имя\",\"val\»:\»testuser\»},{\»type\":\"email\",\"label\":\"Ваш e-mail\",\"val\»:\»testemail@testdomain.tld\»},{\»type\":\"text\",\"label\":\"Ваш телефон\",\"val\":\"+79999999999\»},{\»type\":\"quantity\",\"label\":\"Количество чехлов\",\"val\":\"1\"},{\"type\":\"checkbox\",\"label\":\"Курьерская доставка (+200р)\",\"on\":0},{\"type\":\"sum\",\"label\":\"Сумма\",\"val\":\"499 р.\"}]" ,

thumb: 
"https://cosuv.ru/orders-data/769/KLI9URSpfubKTmp/thumb.jpg" ,

sum: 
499}

Как видится мне — нужно настроить/написать парсер, который сможет сконвертировать это в съедобный для minishop2 вид (iPhone 4/4S == id товара например 1, iPhone 5/5S == id товара 2 и т.д., тип чехла (2д/3д) — можно сделать размером, соответствующим, вытащить имя, почту, телефон, сумму заказа, насчет типа доставки — не уверен (но это в настройках самого конструктора можно выпилить) и thumb).
Своих знаний тут явно не хватает ) буду рад предложениям от разработчиков по срокам/цене. Ну или от добрых людей — верного пинка в нужную сторону куда копать )