Virtuemart page content is suddenly 'hidden'

[Yellow Cherry]

Joomla 2.5.15
Virtuemart 2.0.14 (some custom currency/geoIP work has been done)

This live site was all working nicely and then today I was unable to view any of the product information on the product pages. It is not the white screen of death as the joomla template loads fine and all the virtuemart content appears to be there in the code, it is just not visible.

I wonder if there is a JS conflict or some CSS has been tampered with but these are not my areas of skill.

Obviously no customer can access the shop at the moment so it's a matter of urgency, any advice would be appreciated!

This is the live shop URL

http://www.alimacskincare.com/our-products.html

[attachment cleanup by admin]

[jenkinhill]

The code is present on the page so it looks like you have a css problem, as viewed with Firefox and Chrome,  but the page does display in IE10.  None of the VirtueMart css files are loading as they are supposed to, as they are compiled:
<link rel="stylesheet" href="/components/com_virtuemart/assets/css/css-937bcd38fd9944886ed06ce5d6f8d962.php" type="text/css" /> where the VM css is all compressed.

I can't see the VM JavaScript loading. And although the products do display in IE10 the add to cart etc does not work due to lack of JavaScript.  No idea what could cause this to suddenly happen.

Both your Joomla and  VirtueMart versions have known critical security issues so make sure to check the possibility that the site has been hacked. http://forum.virtuemart.net/index.php?topic=118683.0

[GJC Web Design]

the surrounding div has an opacity of 0
if I delete that rule I can see the products

#rt-transition.rt-hidden {
    opacity: 0;
}

no idea what file as you have compression on

not saying it's the only problem..

[attachment cleanup by admin]

[Yellow Cherry]

Thanks for your replies, I had a developer friend look at it. He removed the CSS class but his thoughts for the cause are below...

It seems to be a core problem with the template and at the moment I am not sure why. Basically the css sets everything to opacity 0, then tries to load a JS file that fades everything in. For some reason the function used by the template to load the javascript file is not working and I cannot seem to work out why. This is

Within the template index.php file, the following line of code is not running properly:

$gantry->addScript('load-transition.js');

We have tried debugging the gantry_addScript method from the /libraries/gantry/gantry.php by forcing a var_dump('test'); exit(); at the top of the method but it never fires.

[GJC Web Design]

not sure what your question is??

You have a js problem some where on the site - as you say it worked and then it didn't - what ever changed broke it - code can't write itself... what did u change?

there is a js error from a nextend extension