Working with JavaScript in MageBridge - Yireo

Using JoomlArt patches for MageBridge

When building a MageBridge-based website and webshop, the Magento theme is combined with the Joomla! template. To get the look and feel right, you will need therefor knowledge of both Joomla! as Magento theming.

As a workaround, we have made several add-ons for JoomlArt templates available which integrate Magento smoothly into these templates. The JoomlArt template add-ons are available in our Yireo Shop, and function like a patch of the original JoomlArt template.

Purchase JoomlArt template

You will still need to purchase the original template at the JoomlArt website. Also note that this patch only functions with the Magento "Default" theme.

Installing the MageBridge JoomlArt addon

The add-on can be downloaded after purchase in our Yireo Shop, and consists of a ZIP-file. Within this ZIP-file you will find files and folders that need to be copied to your Joomla! template-directory. The following steps only require you to modify Joomla!. Nothing needs to be changed within Magento.

• Make a file-backup of your current JoomlArt template.
• Copy all files inside the ja_template folder to the JoomlArt template-directory (for instance templates/ja_droid) or your custom copy of this template.

Configuring MageBridge with the right theming options

After installation of the JoomlArt patch, it is important to configure the MageBridge extension with the right options. Login to the Joomla! Administrator and browse to the MageBridge Configuration page. Select the Theming-tab and make the modifications below:

• Set the option Disable Magento CSS to Yes.
• Set the option Disable MageBridge CSS to Yes.

Please note that with some JA templates, like the JA Purity II template, you will need to set Disable MageBridge CSS to No. Review the HTML-source of your generated pages, to make sure the MageBridge CSS-code gets included.

Patched files

The template-patch may contain the following files or folders:

• core = JA theme-modifications within the JA template
• css = Several CSS-files created by Yireo
• images = Images originating from Magento

These files modify the JoomlArt template so that the MageBridge shop integrates nicely with it. Note that these files only work in combination with the default Magento theme.

JavaScript issues

Yireo has tested that the MageBridge webshop functions together with the basic JavaScript offered by JoomlArt templates. Some functions of the JoomlArt template might not work correctly with MageBridge. Please follow the guidelines below:

• Set the option Disable Joomla! MooTools within the MageBridge Configuration to Yes
• Set the option Disable all Joomla! scripts within the MageBridge Configuration to Yes