How to include lightbox to JA Magento themes

This is a quick guide for users wishing to include the lightbox to JA Magento themes, which currently do not support the feature (Fabian, Lead…):

1. copy boder.gif & controls.gif (attached below) to skin\frontend\default\jm_fabian\images

2. Replace js in \skin\frontend\default\jm_fabian with new js folder (attached below)

3. Open page.xml and add this code:

Code:

<action method="addCss"><stylesheet>css/colorbox.css</stylesheet></action>

to line 56

4. Open head.phtml in app\design\frontend\default\jm_fabiantemplate\pag e\html

add this code:

Code:

<script type="text/javascript" src="<?php echo $this->getSkinUrl('js/jquery/plugins/colorbox/jquery.colorbox-min.js') ?>"></script>

to the end of that file.

Attached here are the new js folder and 2 images as mentioned above!

Good luck!

1 answer

This question is now closed

Written By

Comments