EECI - EE And Magento Integration
- 1. THE STORY OF SIMPLIFIEDSAFETY.COM Integrating Expression Engine & Magento
- 2. For Starters Code Igniter? PatternTap.com – Design pattern collection site developed with Matthew Smith of Squared Eye
- 3. For Starters Interaction – Got a Question? Ask It! Happy to get into the really technical bits – meet up after. Not the Final Word on Integration My approach, not necessarily the “Best” approach.
- 4. Back Story Ecommerce since 1998 (with ASP) 2005 started simplifiedbuilding.com on OSCommerce and a $65 Template
- 5. Back Story 100% Sweat equity investment 3 yrs later 2 partners and 2 employees Grossing over 1 Million in Sales
- 6. Back Story From 2005 built SBC and worked as independent developer building sites for myself and others. January 1, 2009 – Acquired by global company to replicate lessons in International network of sites
- 7. Building a Global Network of Sites Which Tools? What architecture? What was Important Content Heavy Site – robust CMS. Speed – Launch timeline was Summer/Fall. Didn’t want to spend time redeveloping Flexibility – wanted to have the ability to customize everything. Minimize Maintenance – small operation, large network Scalability – spin of additional sites with nominal efforts Cost! - Wanted to leverage affordable technologies
- 8. Our Approach EE & Magneto Integration is principally for the user. Not trying to do what EECommerce is doing Wasn’t concerned with integrating the template engines Using multi-store and multi-site capabilities for each system allows us to minimize our code base and easily expand.
- 9. TECHNICAL NITTY GRITTY Underneath the Hood
- 10. General Architecture Expression Engine Triggers through path.php LG .htaccess Uses Inclusion Method Magento Stored in subdirectory “store” Triggers through index.php
- 11. Consistent Look & Feel Goals Seemless User Experience Minimize Changes to Magento CSS Minimize Redundancies Redundancies reduced to: Header Footer 404 Page
- 12. Consistent Look & Feel Expression Engine Templates for CMS References Magento Skin directory Magento Stores CSS / JS / Image Files Override the existing Magento templates/css ** agility/speed vs. bandwidth/load
- 13. Exchanging Content Expression Engine Magento Need to be able to display Magento content in Expression Engine and Visa Versa
- 14. Semi-Static: CMS, Cron, Cache Magento – CMS HTML Snippet Expression Engine Server Cron Process Cached File cURL Example: http://simplifiedsafety.com - product strip on home page
- 15. Dynamic Content: CMS, Ajax Magento – CMS Custom Block Expression Engine jQuery True/False or Content Login with “eeci@example.com” and “eeci2009” Go to home page - logout button after you log in
- 16. Can’t get there from here... Redirection Static Block With URL for EE Content Expression Engine Redirection XML Layout Magento Category Based on Static Block and Redirect Layout Go to http://simplifiedsafety.com/store/fall-protection/passive.html Click on “Rooftop Fall Protection”
- 17. Single Sign On – Starting Simple Expression Engine Magento All user information stored in Magento No EE Login Visual Sync through Ajax Content Sharing
- 18. Single Sign On – Getting Complex Expression Engine Magento User information stored and synced in both systems EE Login Session Syncing
- 19. Single Sign On – Getting Complex Want to be able to utilize EE modules such as the forums Want to build other EE modules that utilize login based information (our secret weapon ) Principals here valid for integrating EE with just about an Third Party system. Note: this portion is working dev. environment and is scheduled for launch in Nov./Dec. (post Euro-Tour)
- 20. Single Sign On – User Creation Expression Engine Magento User Created EE Hook Magento API User Created Magento Controller Hack Custom EE Module called via cURL
- 21. Single Sign On – User Login Expression Engine Magento User Login Login via Email ( solspace ) Credentials Passed via Ajax (https) on Login Landing Page User Login Magento Controller Hack Custom EE Module called via cURL (passing cookies back to browser) Session Created Session Created
- 22. Single Sign On – User Maintenance Expression Engine Magento Critical Account Changes Username Password Resets Magento Controller Hack Custom EE Module called via cURL Changes Propagated Redirect
- 23. EXTRAS
- 24. Extensions Used Expression Engine Custom Module User Module from Solspace LG htaccess File Field Frame Playa
- 25. QUESTIONS?