Upload
prestashop
View
930
Download
1
Tags:
Embed Size (px)
DESCRIPTION
Presentation by Template Monster. PrestaShop meetup Lviv, 07.26.2013.
Citation preview
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