{"id":147,"date":"2011-07-04T20:31:32","date_gmt":"2011-07-04T19:31:32","guid":{"rendered":"https:\/\/ridgesolutions.ie\/?p=147"},"modified":"2011-07-04T20:31:32","modified_gmt":"2011-07-04T19:31:32","slug":"magento-jquery-clash-with-testimonials-prototype-js-showcase","status":"publish","type":"post","link":"https:\/\/www.ridgesolutions.ie\/index.php\/2011\/07\/04\/magento-jquery-clash-with-testimonials-prototype-js-showcase\/","title":{"rendered":"Magento – jQuery clash with testimonials, prototype.js & showcase"},"content":{"rendered":"

If you use testimonials on magento<\/a> and then place them onto a page that contains the prototype<\/a> extension showcase<\/a>, you may notice that both the testimonial and showcase animation stops working, and that an absolute snow of javascript errors are generated.<\/p>\n

 <\/div>\n

If this is happens to you, it may be caused by a jQuery library conflict. The testimonials PHP template directly includes jQuery and this may clash with the prototype library, we found that we could resolve the library conflict by placing good old:<\/p>\n

 <\/div>\n


\njQuery.noConflict();
\n<\/code><\/p>\n

 <\/div>\n

In the file testimonial_advance.phtml<\/i> just before document\/ready, like this…<\/p>\n

 <\/div>\n

[code]<\/p>\n

jQuery.noConflict(); <\/p>\n

 <\/div>\n

jQuery(document).ready(function() {
\n ….
\n}<\/p>\n

[\/code]<\/p>\n

 <\/div>\n

Adding this solved the problem for us.<\/p>\n

 <\/div>\n

testimonial_advance.phtml<\/i> should be found in this folder:<\/p>\n

 <\/div>\n

app\/design\/frontend\/default\/default\/template\/testimonial<\/p>\n

 <\/div>\n

However, it is not good magento practice to alter this version of the file, instead you should create a testimonials folder under:<\/p>\n

 <\/div>\n

app\/design\/frontend\/default\/[your folder]\/template\/<\/p>\n

 <\/div>\n

Then copy testimonial_advance.phtml<\/i> to this folder and edit it there. Remember to clear the magento cache when testing changes!<\/p>\n","protected":false},"excerpt":{"rendered":"

If you use testimonials on magento and then place them onto a page that contains the prototype extension showcase, you may notice that both the testimonial and showcase animation stops working, and that an absolute snow of javascript errors are generated.   If this is happens to you, it may be caused by a jQuery […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[122,141],"class_list":["post-147","post","type-post","status-publish","format-standard","hentry","category-tech-stuff","tag-jquery","tag-magento"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t