Prestashop responsive themes development

Making themes responsive

— Analysis of the mobile devices usage for the online shopping

— Analysis of the other TemplateMOnster responsive themes

— Framework selection

Why Bootstrap?

Accessibility

Reliability

Functionality

Job experience

What has changed?

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

Bootstrap grid 1170px

Header and footer transformation

Moving sidebars under main content area

Moving sidebars under main content area

Tables transformation for all size devices

Adding responsive swipe carousels

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

Testing and bugs search

Conclusion

— 100% responsive pages without reloading

— All default functionality preserved and available

— No content duplication

— Cross-version compatibility

— Multilingual support

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