MageBridge advanced

MageBridge Extensions

MageBridge advanced

Overview

• Extensions– Joomla!

• API• Component• Modules• Plugins• Connectors

– Magento• API• Module

MageBridge advanced

API

• API (Application Programming Interface)– SOAP, XML-RPC, JSON

• API-widgets– Dropdown lists, radio-lists

– Modal selection-boxes (Lightbox)

• Custom MageBridge API– Extension in Joomla!

– Extension in Magento

MageBridge advanced

MageBridge extension suite

• Joomla!– MageBridge component (1)

– MageBridge modules (9)

– MageBridge plugins (8)

– MageBridge “connectors” (13)

• Magento– MageBridge module (1)

MageBridge advanced

Swiss-knife extensions

• MageBridge componentDisplay main content of Magento inside Joomla! component

• MageBridge Block moduleDisplay any Magento block inside Joomla!

• MageBridge Content PluginAllows for Joomla! content to contain Magento CMS-tags that will

be translated automatically to Magento content (product images,

catalog-links, any block)(Magento content can also be parsed by Joomla! Content Plugins.)

MageBridge advanced

MageBridge connectors

• Store Connectors– Dynamically choose which Magento store to load

– Languages (Nooku, JoomFish), specific days, private stores

• Profile Connectors– Synchronize Joomla! profiles (CB, JomSocial)

• Product Connectors– Do something in Joomla! when a Magento product is sold

– Joomal! user access, JomSocial user points, DOCman downloads,

newsletter subscription, memberships

MageBridge advanced

MageBridge Theming

MageBridge advanced

Combined theming

• Integrate Magento theme into Joomla! template

• Not so simple

• MageBridge configuration• Extra PHP-logic

MageBridge advanced

Not so simple

• HTML / CSS knowledge needed

• JavaScript conflict– Joomla! uses MooTools

– Magento uses ProtoType

– MooTools and ProtoType can not be combined

• Trying to make it easier:– RocketTheme template patches

– MageBridge configuration in Joomla! backend

MageBridge advanced

MageBridge configuration

• Enable / disable CSS– Magento CSS stylesheets

– Joomla! CSS stylesheets

• Enable / disable JavaScript– Joomla! MooTools (recommended)

– Joomla! JavaScript scripts (recommended)

– Magento JavaScript scripts (NOT recommended)

• Hide module positions

MageBridge advanced

Extra PHP-logic

• PHP-class MageBridgeTemplateHelper– Automatically loaded in Joomla! (no require_once)

• Examples:– Show different columns during checkout

– Show different columns on product pages

– Add extra JS or CSS on product-pages

– Add extra module-positions (<jdoc>) on category-pages

MageBridge advanced

MageBridge template-patches

• Patch to get direct result– MageBridge

– Magento Default Theme

• Popular templates– RocketTheme

– YooTheme

– JoomlArt

MageBridge advanced

MageBridge challenges

MageBridge advanced

MageBridge challenges

• Magento itself

• JavaScript conflict

• Performance• Documentation overflow

MageBridge advanced

Magento == complexity

• More features equals more complexity– Documentation

– Magento theming (XML-layouts, PHP-logic)

– Database design (EAV)

MageBridge advanced

JavaScript conflict

• JavaScript frameworks– ProtoType (Magento)

– MooTools (Joomla!)

– jQuery

• Conflict– MooTools conflicts with ProtoType

• Solutions– Be careful with your choice of extensions

– MooTools 1.2, jQuery noConflict, Magento jQuery theme

MageBridge advanced

Performance (1)

• Magento in shared hosting environments– Caching

– MySQL timeout

– Memory limit

– APC / ZendOptimizer+

– Magento Compiler

• Magento on a dedicated server– MySQL optimization

– Memory-tricks (tmpfs)

– Content Delivery Network (CDN)

MageBridge advanced

Performance (2)

• MageBridge itself– Bridge API over HTTP

– Caching

• Site Performance Optimization (SPO)– yireo.com/spo

MageBridge advanced

Yireo documentation

• Tutorials (150+)– Text + Video tutorials

– Magento, Joomla!, MageBridge

• FAQ (70+)• Blog (100+)

– Tips & tricks

– Release news

• Forum threads

MageBridge advanced

Questions?