Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery interference in Magento Lightbox, Menu & Tabs
    text
    copied!<p>I am working on editing a template where I need to add a Lightbox that shows up some HTML content on product pages. Precisely, instead of "Add to Cart" button there will be a Button that pops over some inline lightbox content. </p> <p>All the lightbox alternatives I've looked at, require me to inherit jQuery using CDN. Like this: <code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;</code></p> <p>And the template I am using is using a bunch of custom scripts in head.phtml &amp; other pages. Like:</p> <pre><code>&lt;script type="text/javascript" src="&lt;?php echo $this-&gt;getSkinUrl('js/ver_menu.js');?&gt;"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="&lt;?php echo $this-&gt;getSkinUrl('js/custommenu.js');?&gt;"&gt;&lt;/script&gt; </code></pre> <p>So, when I add this line in head.phtml or even the product page, My Top Menu stops dropping down &amp; The product information tabs stop working and all the information is displayed right on my product page (instead of appearing under their respective tabs).</p> <p>Is there a way I can avoid this interference between the jQuery scripts to make the lightbox (on product page - view.phtml) work and not have my menu &amp; information tabs affected. </p> <p>Been struggling with this for a while and the theme authors aren't willing to help either. </p> <p>I have already tried to play around with the placement of the jQuery Line I posted above, but no luck. Any way I can use the magento's core jQuery script to make my lightbox work...</p> <p>Also, I am using colorbox for the lightbox effect. (http://www.jacklmoore.com/colorbox)</p> <p>I can't do much but I can offer a dinner &amp; a beer on me to whoever can help me get this resolved. Really counting on you guys...</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload