Presentation by Template Monster. PrestaShop meetup Lviv, 07.26.2013.

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

2. Переход к адаптивности
— Анализ использования мобильных устройств во
время онлайн-покупок
— Анализ адаптивности на примере других продуктов
от TemplateMonster
— Выбор фреймворка

6. Почему Bootstrap?
Доступность
Надежность
Функциональность
Опыт работы

7. Что поменялось?
Пример Пример-1

8. Bootstrap сетка 1170px

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

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

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

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

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

15. Проблемы
— Сloud zoom с каруселью на странице продукта
— Множество всплывающих окон (iframe)
— Адаптивности без перезагрузки (для всех устройств)
— Отображение сравнения продуктов
— Перемещение блоков левой колонки под низ контента при маленьких
разрешениях
— Адаптация выпадающей корзины
— Синхронная работа выпадающих блоков в шапке сайта

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

17. Итого
— 100% адаптивность без перезагрузки страниц
— Сохранение полного стандартного функционала
— Отсутсвие дублирования контента
— Сохранение совместимости между подверсиями
— Поддержка мультиязычности

18. В разработке...
— Боковое swipe-меню
— Доработка всех каруселей и слайдеров под multi-touch
— Поддержка Retina Ready
— Внедрение возможности отключения адаптивности шаблона через
админпанель