Prestashop
responsive themes development
Making themes responsive
— Analysis of the mobile devices usage for the online
shopping
— Analysis of the other TemplateMO...
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 re...
Testing and bugs search
Conclusion
— 100% responsive pages without reloading
— All default functionality preserved and available
— No content dupl...
In development...
— Aside swipe-menu
— Making all sliders and carousels multi touch-friendly
— Retina displays Ready
— Add...
TM - PrestaShop responsive themes developement
TM - PrestaShop responsive themes developement
TM - PrestaShop responsive themes developement
TM - PrestaShop responsive themes developement
Upcoming SlideShare
Loading in …5
×

TM - PrestaShop responsive themes developement

1,457 views
1,300 views

Published on

Presentation by Template Monster. PrestaShop meetup Lviv, 07.26.2013.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,457
On SlideShare
0
From Embeds
0
Number of Embeds
649
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

TM - PrestaShop responsive themes developement

  1. 1. Prestashop responsive themes development
  2. 2. Making themes responsive — Analysis of the mobile devices usage for the online shopping — Analysis of the other TemplateMOnster responsive themes — Framework selection
  3. 3. Why Bootstrap? Accessibility Reliability Functionality Job experience
  4. 4. What has changed? Пример Пример-1
  5. 5. Bootstrap grid 1170px
  6. 6. Header and footer transformation
  7. 7. Moving sidebars under main content area
  8. 8. Moving sidebars under main content area
  9. 9. Tables transformation for all size devices
  10. 10. Adding responsive swipe carousels
  11. 11. 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
  12. 12. Testing and bugs search
  13. 13. Conclusion — 100% responsive pages without reloading — All default functionality preserved and available — No content duplication — Cross-version compatibility — Multilingual support
  14. 14. 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

×