Первый сайт на MODX - обновлено

Добрый день!

Поделюсь своим первым сайтом на MODX и краткой историей его создания.

не так давно — купили бизнес по созданию и продаже чехлов для разных моделей сотовых.
Вместе с бизнесом/оборудованием и т д нам отдали сайт, сделанный на modx и с самописным конструктором.
пара скриншотов старой версии сайта:




Сказать, что я не знал ничего о MODX — не сказать ничего, я по своей основной работе — занимаюсь ведением проектов в одном операторе ЦОДов, в веб-разработке полный 0.
Столкнулся сразу со связкой в виде MODX+Shopmodx+smarty — сам сайт был в виде, еще хуже, чем на представленных скриншотах, практически везде разъехалась верстка от внедрения разных баннеров и т д предыдущим владельцем + поломан был сам конструктор (jQuery).
C версткой пришлось разбираться, погрузившись в этот чудный мир шаблонов, TV, чанков, плагинов и статических файлов на хостинге — смог поправить верстку, починить конструктор и т д. К сожалению, старый движок обновить так и не получилось + старая версия Shopmodx'а — умирала вместе со всем содержимым при попытках его обновления. долго-ли, коротко-ли — реанимировал этот сайт, внедрил на него другой: внешний, простой и удобный, встраиваемый через iframe конструктор, однако ряд ошибок и проблем — все же потребовал более кардинального подхода.
В-общем в процессе разбирательства и работ с сайтом становилась понятна логика работы MODX и непонятна логика того, кто изначально сделал сам сайт ) кружек кофе, ночных часов, гугла и rtfm'ов прочитано было большое количество)

Было принято решение — взять со старого сайта максимум информации, URL, прочего контента, избавиться от старого конструктора, Shopmodx'а (который с новым конструктором по-своей сути не нужен) и сделать на базе какого-то (готового конечно, я даже html/css особенно не касался ранее) дизайна.

Воспользовался руководствами, доступными в рунете, по структуре самих файлов/шаблонов/чанков/пользовательских полей — получился текущий вариант сайта, с резиновой версткой на бутстрапе и т д. Для такого мелкого проекта думаю заниматься сильно оптимизацией — такой как — использовать CDN и т д — наверно нет?

пара скриншотов текущей версии:





Сейчас в планах — установить все-таки плагин для работы с заказами на самом сайте (из конструктора события перехватываются — пока использую просто для переадресацию на страницу благодарности после заказа) + сделать на сайте реферальную программу для клиентов — пока это все приходится делать руками, что не оч. удобно) Не уверен, что смогу реализовать это своими силами (как по знаниям, так и по времени) — с удовольствием рассмотрю предложения)

Буду рад любому мнению/критике/пожеланиям/предложениям.

Ссылки на сам сайт в текущей и старой версии
makemycase.ru
test.makemycase.ru (старая версия)

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

{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).
Своих знаний тут явно не хватает ) буду рад предложениям от разработчиков по срокам/цене. Ну и от добрых людей — верного пинка в нужную сторону куда копать )