Здравствуйте коллеги,
Требуется сделать мобильную версию сайта, адаптированную под мобильные устройства.
Под мобильной версией сайта подразумевается следующее:
Все объекты сайта изображения и текст отображаются корректно для просмотра, т.е. читаются и просматриваются в доступном для глаза виде (без увеличения);
Все изображения адаптируются под устройство, т.е. отображаются в уменьшенном виде и размере для более быстрого просмотра сайта;
Размер сайта подстраивается под ширину экрана без прокрутки;
Аналог работы мобильной версии можно посмотреть demo.opencart.com (только центральную часть отображения товаров – каталог);
Изменения на сайте
1. Главная страница:·
Убрать главный большой слайдер;
Меню сворачивается либо в строчку либо в 1 кнопку согласно примеру;
Банеры которые между слайдерами (3 картинки перед каждым слайдером);
Горизонтальные слайдеры все убираются, т.к. их очень неудобно перелистывать;
Весь товар выстраивается в вертикальное отображение и увеличивается до размеров ширины экрана (см. пример;)
Нижнее меню оставляется также, текст увеличивается до размеров читабельности без увеличения, ширина подстраивается под устройство;
Все скрипты и изображения адаптировать, чтобы главная страница грузилась быстрее;
2. Лэндинг страница
– Оставляем как есть, изменяется шапка и футер, текст должен быть более читабельным;
3. Категория:
Весь товар выстраивается в вертикальное отображение и увеличивается до размеров ширины экрана (см. пример;)
Фильтр и меню сворачиваются либо в виде строчки наверх, либо в виде кнопок (Нужно обсудить!! Фильтр в дальнейшем будет изменяться масштабно, поэтому возможно требуется его масштабное изменение в рамках доработки);
4. Страница товара – Всё остаётся также, проверить чтобы размер текста везде был читабельным без увеличения;
5. Плашка для заказа, требуется ее увеличить до ширины экрана и также сделать более удобной для заказа, сейчас текст не прочитаешь без увеличения
От вас интересуют сроки и стоимость работы.
Пример мобильной версии:
Было
Стало