Lightbox not Working

[globalnet]

I have Joomla 1.5 with the latest version of VM. 2.0.10. It appears to be a common problem with others as well. I haven't been able to find the problem despite going through numerous threads. I have tried jQuery++, and I tried implementing 'shadowbox' (http://extensions.joomla.org/extensions/multimedia/multimedia-display/9220). per the thread http://forum.virtuemart.net/index.php?topic=95686.0 but I am having trouble implementing that too. What do I have to do to get this to work? I cannot believe how much trouble it has been to get a completely uncustomized component to work out of the box. I should also mention I am using Rockettheme's Nexus templete and although I cannot find a conflicting javascript, I am open to suggestions.  I would like the images to open with navigation between images, and of course a close button like a typical modal box. I don't care if it is the standard facebox, lightbox2, shadowbox whatever, just so long as this works cross browser.

Help, I'm at my wits end. If anyone wants to look at my dev site, its http://jeff.gnm.ca/engagement/engagement-rings-new/trio-half-bezel-detail

[globalnet]

Has anyone else with lightbox issues sorted out their problems? I have seached the forums and no posts have been particularly helpful. I am usually pretty good at resolving these issues myself but I've wasted easily three days on this. I'm willing to pay someone to fix this or I give up on Virtuemart all together...

[ivus]

Hi globalnet,

I understand you're frustrated, but before you start bagging VM, consider the following:

I cannot believe how much trouble it has been to get a completely uncustomized component to work out of the box.

- it does. You've customised the component simply by installing a new theme.

I should also mention I am using Rockettheme's Nexus templete...

- did you try and remove the theme? go back to a vanilla install? see if that works? is it a problem with the theme perhaps?

... I cannot find a conflicting javascript, I am open to suggestions.

- really? I certainly did.

Also consider your skill level:

• How proficient are you with PHP and jQuery?
• How well do you know Joomla! and VirtueMart frameworks?
• How are your fault finding skills?
• what processes do you have in place to debug?

---- all of the above points is what will help you build a website with minimal problems.

My rebuttal over. Here is your problem and solution.



PROBLEM: You have a javascript conflict.

Code Select Expand



<script type="text/javascript" src="/plugins/system/rokbox/themes/light/rokbox-config.js"></script>



This line kills the javascript declarations further down the page. I suspect this is in your template as it is not a standard VM script.

SOLUTION: remove this line from your template page.

If you really must use it, place it right at the bottom of your template page.

Code Select Expand


<script type="text/javascript" src="/plugins/system/rokbox/themes/light/rokbox-config.js"></script>
</body>
</html>


It'll work just fine there.

NOTE TO REMEMBER: In order in which you make javascript declarations affects other javascipt declaration and functions further down the page (or the load chain).

I hope this helps.