Обновить дизайн сайта на Joomla 3.4

Сайт 5kwt.ru  
Движок: Joomla! 3.4.4  
Шаблон: Nano3 от yootheme   
Компонент интернет-магазина: JoomShopping 4.6.0 У него есть свой шаблон – он не адаптивный, но его надо сделать таковым в соответствии с новым дизайном.  
В данный момент сайт имеет адаптивный дизайн.   
Задача – интегрировать адаптивный дизайн, представленный на макетах, для трех страниц сайта: главная, карточка товара, каталог товаров.  
Дизайн должен быть сквозным, то есть правильно и едино отображаться не только на указанных трех страницах, но и на всех остальных.  
Все новые модули должны быть созданы из панели управления для того чтобы мы могли управлять ими в будущем, редактировать, перемещать, указывать страницы, на которых должны стоять эти модули. Если не получается сделать как указано выше, то тогда обсуждаются другие варианты.  
Код должен быть чистым, с отбивкой табами, без вирусов и прочего вредоносного кода. Скорость работы сайта должна остаться на прежнем уровне или быть не хуже.  
Там где есть возможность избегать изображений – использовать стили.  
Картинки должны иметь бОльшее разрешение, чем занимаемая ими площадь на сайте. Это для того, чтобы на экранах с ретиной у макбуков и айпэдов картинки были четкими. Пример – сайт beget.ru – у них разрешение изображений в два раза больше чем занимаемая площадь. На нашем сайте надо сделать также. Это касается логотипа, иконок, изображений товаров в списке товаров, а также главного изображения на странице самого товара.  
На всех страницах:  
в шапке сайта поиск по сайту от Яндекса, с настраиваемыми стилями в самом яндексе или в коде этого модуля.  
пункты верхнего меню оставить те, которые в макете. Остальные убрать в футер.  
шрифт на сайте Roboto Condensed с таким же стилем как у текущего сайта.   
при вводе телефона в форму "перезвоните мне" всплывает системное окно с надписью "Мы перезвоним Вам в ближайшее время" и крестиком закрытия в правом верхнем углу. Окно также должно закрываться при нажатии курсора на другую область экрана.  
при наведении курсора на пункты левого меню должны всплывать подменю с таким же оформлением. Сейчас есть подменю только в разделе "велоаксессуары".  
соц кнопки в левой колонке ведут на наши группы и страницы в соответствующих ресурсах. 4 ссылки есть на текущем сайте, ссылка на инстаграмм instagram.com/5.kilowatt   
слева еле заметная колонка для возврата наверх страницы (можно скопировать с ВКонтакте – люди привыкли к нему).При подведении курсора колонка становится более заметной и кликабельной  
Хлебные крошки располагаются там же где и сейчас на сайте, а не на макете дизайнера. А вот оформление нужно сделать как на макете.   
нижний докбар сохраняется в том же виде как и сейчас – его трогать не надо  
Снизу сделать отступ чтобы докбар не закрывал футер.  
Главная:  
верхние 4 блока – это 4 отдельных модуля, ведущие в соответствующие разделы  
слайдшоу – компонент Widgetkit. Нужно вставить любые 3 изображения соответствующего размера. Баннеров пока нет, для нас главное – это оформление блока  
при нажатии на кнопку "в сравнение", она меняется на ссылку "сравнить". Анимация полета товара сохраняется как и сейчас.  
Модуль с 6-товарами может иметь свой шаблон Joomshopping в папке ../public_html/components/com_jshopping/templates Этот шаблон указывается в настройках модуля. Товары вывести любые. Мы потом сами настроим товары которые там должны быть.  
Страница с товарами:  
при нажатии на надпись "сравнение" или на ее чекбокс происходит полет товара вниз как и сейчас, но также меняется слово "сравнение" на ссылку "сравнить" (смотри мобильный макет страницы товаров), чтобы человек нажал на нее и перешел к таблице сравнения товаров.  
картинки товаров и их названия кликабельны  
Карточка товара:  
В отзывах товара порядок вывода и схема расположения всех блоков – как в текущем сайте. Поменять нужно только оформление.  
Во вкладках доставка, оплата и гарантия текст можно взять из соответствующих пунктов верхнего меню. Во всех товарах текст в этих вкладках будет одинаковым. Мы также должны будем знать где эти тексты располагаются чтобы поменять их. То есть текст должен быть в одном месте, чтобы поменяв его он изменился сразу во всех товарах.  
во вкладке "описание" – текущее описание товаров.  
После вкладок идут сопутствующие товары в том же оформлении, что и на странице товаров (из макета).  
После нажатия на кнопку "задать вопрос" всплывает окно как на макете.  
Цена товара с выбором количества располагается на одном уровне с "поделиться в …"  
Справа от названия товара располагаются звездочки рейтинга, такие же как в списке товаров. Выглядеть будет так как в текущем сайте: слово рейтинг, двоеточие, звездочки.  
картинка товара должна также как и сейчас увеличиваться при наведении курсора.