Responsive Default Theme

Alex Zaymund Prestashop Responsive Default Theme

Transcript

2. 2 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com Table of Contents 1. Introduction to Responsive Default Theme ................................................... 3 2. How to Install ............................................................................................... 4 3. How to Configure and Use ......................................................................... 10
3. 3 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com 1. Introduction to Responsive Default Theme Responsive Default Theme allows your Prestashop 1.5 website to transform itself smoothly across multiple screen resolutions, monitor sizes and platforms, desktop, tablet or mobile devices. Depending on viewing area, different layouts for your content are displayed. Provide your visitors with an optimal viewing experience - easy reading and navigation with a minimum of resizing, panning and scrolling. Highlight features: • Adaptive default Prestashop theme • HTML 5 markup of a template structure • The capability-based polyfill-loading JS library Webshims • Adaptive slider instead of the default Prestashop one Mobile features: • Device rotation support • Android/iPhone/iPad compatibility • Opera mobile compatibility General features: • Cross-browser support. Compatible with IE7+, Firefox 3, Safari 5, Chrome 5, Opera 10 • Easy to change design and layout • Prestashop 1.5 – 1.5.2 • HTML 5, CSS 3 and JavaScript
4. 4 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com 2. How to Install In order to install a new theme, please follow these steps: 1) Import your theme using Theme Installer module.
5. 5 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com 2) Upload the archive file
6. 6 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com 3) Confirm the installation
7. 7 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com 4) Select modules to be installed and configuration to be enabled. It’s recommended to consider the preselection.
8. 8 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com 5) Status is being displayed.
9. 9 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com 6) Select the template.
10. 10 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com 3. How to Configure and Use The theme is configured in the back-office. In Modules, enable BelVG Theme Settings and Touch Slider add-ons.
11. 11 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com In BelVG Theme Settings -> Configure, select a cross to disable the mobile theme. Responsive theme will be used instead. In Touch Slider -> Configure, edit the slides in the WYSIWYG editor.
12. 12 store@belvg.com store.belvg US: +1 424 253 08 01 UK: +44 131 208 3007 http://belvg.com http://module-presta.com http://store.belvg.com http://blog.belvg.com Our Office: M.Bogdanovicha 130, Minsk, Belarus We look forward to your feedback. Comments, opinions and suggestions are largely appreciated. Read our blog and follow us on Facebook, Twitter, Google+ and LinkedIn to know BelVG latest news, analytics and discount offers. See you online! BelVG blog http://blog.belvg.com Google+ page http://gplus.to/BelVG Facebook page http://facebook.com/BelVGcom Linked In page http://linkedin.com/company/belvg Twitter page http://twitter.com/BelVG_com Skype store.belvg E-mail store@belvg.com Phone US: +1 424 253 08 01 UK: +44 131 208 3007 Contact Us