Not everyone probably likes the Prototype library which is included into Magento by default. Some users prefer to use a more popular tool – JQuery framework since it has pretty many ready-made add-ons and plugins.
Any js file can be included either with the help of config. files or using events. Using the event core_block_abstract_prepare_layout_before
we can include a library into the page directly before Magento js files.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
... <events> <core_block_abstract_prepare_layout_before> <observers> <belvg_jquery_prepare_layout_before> <class>jquery/observer</class> <method>prepareLayoutBefore</method> </belvg_jquery_prepare_layout_before> </observers> </core_block_abstract_prepare_layout_before> </events> ... |
Observer model:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
public function prepareLayoutBefore(Varien_Event_Observer $observer) { if (!Mage::helper('jquery')->isEnabled()) { return $this; } /* @var $block Mage_Page_Block_Html_Head */ $block = $observer->getEvent()->getBlock(); if ("head" == $block->getNameInLayout()) { foreach (Mage::helper('jquery')->getFiles() as $file) { $block->addJs(Mage::helper('jquery')->getJQueryPath($file)); } } return $this; } |
Indicating the location of files in helper and the list of included files:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
… /** * Name library directory. */ const NAME_DIR_JS = 'belvg/jquery/'; /** * List files for include. * * @var array */ protected $_files = array( 'jquery.js', 'jquery.noconflict.js', ); … |
Switching the library into compatibility mode.
Partner With Us
Looking for a partner to grow your business? We are the right company to bring your webstore to success.
Talk to Igor
esstat17,
You can download the extension from GitHub and use it.
Hi sorry. I needs to activate via the admin.. its working now. I want to use this integration to the extension i am writing. More power!
Hi Aleksander,
I just tried to install your script via magento.
and it seems it is not working. Any advise?
Thank you!