Разработка адаптивных шаблонов для

Prestashop

Переход к адаптивности

— Анализ использования мобильных устройств во время онлайн-покупок

— Анализ адаптивности на примере других продуктов от TemplateMonster

— Выбор фреймворка

Почему Bootstrap?

Доступность

Надежность

Функциональность

Опыт работы

Что поменялось?

Пример Пример-1

Bootstrap сетка 1170px

Трансформация хедера и футера

Перемещение боковых колонок под основной контент

Перемещение боковых колонок под основной контент

Трансформация таблиц под любые устройства

Добавление адаптивных swipe каруселей

Проблемы

— Сloud zoom с каруселью на странице продукта

— Множество всплывающих окон (iframe)

— Адаптивности без перезагрузки (для всех устройств)

— Отображение сравнения продуктов

— Перемещение блоков левой колонки под низ контента при маленьких

разрешениях

— Адаптация выпадающей корзины

— Синхронная работа выпадающих блоков в шапке сайта

Тестинг и поиск багов

Итого

— 100% адаптивность без перезагрузки страниц

— Сохранение полного стандартного функционала

— Отсутсвие дублирования контента

— Сохранение совместимости между подверсиями

— Поддержка мультиязычности

В разработке...

— Боковое swipe-меню

— Доработка всех каруселей и слайдеров под multi-touch

— Поддержка Retina Ready

— Внедрение возможности отключения адаптивности шаблона через

админпанель