Download - TM - презентация по престашопу (львов)
![Page 1: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/1.jpg)
Разработка адаптивных шаблонов для
Prestashop
![Page 2: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/2.jpg)
Переход к адаптивности
— Анализ использования мобильных устройств во время онлайн-покупок
— Анализ адаптивности на примере других продуктов от TemplateMonster
— Выбор фреймворка
![Page 3: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/3.jpg)
![Page 4: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/4.jpg)
![Page 5: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/5.jpg)
![Page 6: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/6.jpg)
Почему Bootstrap?
Доступность
Надежность
Функциональность
Опыт работы
![Page 7: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/7.jpg)
Что поменялось?
Пример Пример-1
![Page 8: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/8.jpg)
Bootstrap сетка 1170px
![Page 9: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/9.jpg)
Трансформация хедера и футера
![Page 10: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/10.jpg)
![Page 11: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/11.jpg)
Перемещение боковых колонок под основной контент
![Page 12: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/12.jpg)
Перемещение боковых колонок под основной контент
![Page 13: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/13.jpg)
Трансформация таблиц под любые устройства
![Page 14: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/14.jpg)
Добавление адаптивных swipe каруселей
![Page 15: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/15.jpg)
Проблемы
— Сloud zoom с каруселью на странице продукта
— Множество всплывающих окон (iframe)
— Адаптивности без перезагрузки (для всех устройств)
— Отображение сравнения продуктов
— Перемещение блоков левой колонки под низ контента при маленьких
разрешениях
— Адаптация выпадающей корзины
— Синхронная работа выпадающих блоков в шапке сайта
![Page 16: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/16.jpg)
Тестинг и поиск багов
![Page 17: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/17.jpg)
Итого
— 100% адаптивность без перезагрузки страниц
— Сохранение полного стандартного функционала
— Отсутсвие дублирования контента
— Сохранение совместимости между подверсиями
— Поддержка мультиязычности
![Page 18: TM - презентация по престашопу (львов)](https://reader033.vdocuments.net/reader033/viewer/2022052410/55520a0fb4c905421a8b53f0/html5/thumbnails/18.jpg)
В разработке...
— Боковое swipe-меню
— Доработка всех каруселей и слайдеров под multi-touch
— Поддержка Retina Ready
— Внедрение возможности отключения адаптивности шаблона через
админпанель