How to change Mail Order to show popup with highslide instead of modal box - GUIDE.
This topic is Guide How To show Mail Order popup with popular javascript Highslide

Code is tested and work with: Opera, Firefox, Safari, IE 5, IE 6, IE 7, IE 8 and IE 9!

Note that this Guide is written with samples of code from Pro version, if you use free version of MailOrder you must modify this code.


First of all you must download attached package. In package is one folder that include:
- highslide javascript
- highslide css
- highslide graphics folder

In this folder are only necessary files, not an full highslide package! Full highslide is over 600 kb, here are only about 200 kb.

Unzip and upload folder "highslide" to folder media/system in your website. Path to highslide folder must be:


Than open file located in:


And edit these parts of file:

Before:



After:


You can use some other parameters here like: "rounded-white" instead of "rounded-black"

Before:


After:



All of this will work automatically in next version of mail order pro. In next update we will include option to change look of modal box. In component will be option that will change used script and look of popup.

Mail Order Demo with Highslide: http://extensionsjoomla.com/joomla-seo.html

Click on "Buy Now" button.

Guide is updated, files are updated also. Update is needed to unlock more features like equations in Highslide and custom link in "Powered by Highslide".