OcStore 2.3|Изменить структуру модуля новостей
Прошу оценить стоимость и сроки.
Сайт:
url: "http://textil-mirror.dev-f318.whitebx.ru"
username: "w"
password: "w"
Движок - ocStore 2.3.0.2.3 с темой Octemplates LUXURY 4.3
Задание:
На странице
http://textil-mirror.dev-f318.whitebx.ru/news/
выведен модуль "Octemplates Блог" в котором есть категории статей и сами статьи.
https://up.whitebx.ru/textil-news-categories.B14XS2wFc2rrfByGaupXfB.png
https://up.whitebx.ru/textil-news-categories-records.BN9tcy5h4thvMGwbon798D.png
Нужно видоизменить структуру модуля таким образом, чтобы он быглядел как на макете.
https://up.whitebx.ru/textil-news-design-level-1.XqLSLikrZkWE9N4gZsSNbZ.png
https://up.whitebx.ru/textil-news-design-level-2.AVtLKKcrtpPJS2emZ3dmnn.png
https://up.whitebx.ru/textil-news-design-level-1.BTdMhQuLi7NwgBD2qoAp5u.psd
https://up.whitebx.ru/textil-news-design-level-2.VQ5XsLj93b5cdXWXuEdy6p.psd
Подробнее:
1.
Десктопная версия страницы /news/ должна содержать список категорий.
https://up.whitebx.ru/textil-news-design-level-1.XqLSLikrZkWE9N4gZsSNbZ.png
2.
Десктопная версия страницы /news/%категория% должна содержать список статей категории.
https://up.whitebx.ru/textil-news-design-level-2.AVtLKKcrtpPJS2emZ3dmnn.png
3.
В мобильной версии, категории и статьи должны выстраиваться в одну колонку, а не в три как на десктопе.
4.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.
Особенности:
A.
КРОССБРАУЗЕРНОСТЬ.
Результаты работ должны одинаково выглядеть в основных браузерах: Firefox, Chrome, Safari.
B.
АДАПТИВНАЯ ВЁРСТКА.
Сайт использует адаптивную вёрстку, необходимо чтобы после выполнения задач, в мобильной версии всё было читабельно и никуда не съезжало.
Устройство посетителя считается мобильным в случаях когда:
Ширина экрана браузера менее 700px.
User-Agent браузера позволяет определить что устройство мобильное.
Вышеуказанные условия должны реагировать на resize окна браузера.
C.
МИНИМУМ JAVASCRIPT.
Задачи должны быть выполнены с минимально возможным применением javascript. Если какие-то задачи могут быть решены средствами PHP/HTML/CSS, то они должны быть решены с помощью PHP/HTML/CSS.
D.
НЕЛЬЗЯ ИСПОЛЬЗОВАТЬ H1, H2, H3.
Для вёрстки новых элементов нельзя использовать теги h1 h2 h3 и т.д., поскольку это вредно с точки зрения SEO.
F.
Выполнение данной задачи не должно сломать какой-либо другой функционал. Если в процессе работы вы что-то сломаете, то исправление поломки осуществляется вами безвозмездно.
G.
Работы ведутся на тестовом сервере, после того как всё готово, нужно будет перенести сделанное на основной сайт.
Пожалуйста оцените стоимость и сроки выполнения.