Your SlideShare is downloading. ×
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
TM - презентация по престашопу (львов)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

TM - презентация по престашопу (львов)

355

Published on

Presentation by Template Monster. PrestaShop meetup Lviv, 07.26.2013.

Presentation by Template Monster. PrestaShop meetup Lviv, 07.26.2013.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
355
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Разработка адаптивных шаблонов для Prestashop
  • 2. Переход к адаптивности — Анализ использования мобильных устройств во время онлайн-покупок — Анализ адаптивности на примере других продуктов от TemplateMonster — Выбор фреймворка
  • 3. Почему Bootstrap? Доступность Надежность Функциональность Опыт работы
  • 4. Что поменялось? Пример Пример-1
  • 5. Bootstrap сетка 1170px
  • 6. Трансформация хедера и футера
  • 7. Перемещение боковых колонок под основной контент
  • 8. Перемещение боковых колонок под основной контент
  • 9. Трансформация таблиц под любые устройства
  • 10. Добавление адаптивных swipe каруселей
  • 11. Проблемы — Сloud zoom с каруселью на странице продукта — Множество всплывающих окон (iframe) — Адаптивности без перезагрузки (для всех устройств) — Отображение сравнения продуктов — Перемещение блоков левой колонки под низ контента при маленьких разрешениях — Адаптация выпадающей корзины — Синхронная работа выпадающих блоков в шапке сайта
  • 12. Тестинг и поиск багов
  • 13. Итого — 100% адаптивность без перезагрузки страниц — Сохранение полного стандартного функционала — Отсутсвие дублирования контента — Сохранение совместимости между подверсиями — Поддержка мультиязычности
  • 14. В разработке... — Боковое swipe-меню — Доработка всех каруселей и слайдеров под multi-touch — Поддержка Retina Ready — Внедрение возможности отключения адаптивности шаблона через админпанель

×