Presentation by Template Monster. PrestaShop meetup Lviv, 07.26.2013.

1. Prestashop
responsive themes development

2. Making themes responsive
— Analysis of the mobile devices usage for the online
shopping
— Analysis of the other TemplateMOnster responsive
themes
— Framework selection

6. Why Bootstrap?
Accessibility
Reliability
Functionality
Job experience

7. What has changed?
Пример Пример-1

8. Bootstrap grid 1170px

9. Header and footer transformation

11. Moving sidebars under main content area

12. Moving sidebars under main content area

13. Tables transformation for all size devices

14. Adding responsive swipe carousels

15. Issues
— Сloud zoom with carousel at the product page
— Various popup windows (iframe)
— Responsive layout without page reload (for all devices)
— Products compare display
— Moving sidebars under main content area for small screen devices
— Responsive shopping cart
— Synchronization of the header dropdown blocks

16. Testing and bugs search

17. Conclusion
— 100% responsive pages without reloading
— All default functionality preserved and available
— No content duplication
— Cross-version compatibility
— Multilingual support

18. In development...
— Aside swipe-menu
— Making all sliders and carousels multi touch-friendly
— Retina displays Ready
— Adding an option to disable responsiveness in administration panel