Formatting messed up on some pages

-- url of the page with the problem -- : www.jainjunxion.co.za/meals/product/23-garden-greens.html (locked down at the moment, but screenshots attached)
-- HikaShop version -- : 2.2.3
-- Joomla version -- : 2.5.17
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : Google Chrome 25.0.1364.160 m
-- Error-message(debug-mod must be tuned on) -- : Error_message

The first screenshot (category page) shows the formatting as it should be.



The second screenshot (product page) shows what happens when I click on one of the products.



I'm using the Cloudbase (ca_cloudbase2_j25) template, but the same problem occurs with Hathor. The Joomla and HikaShop versions on the website were recently upgraded. It used to run Joomla 1.7 and an earlier version of HikaShop (can't remember which one).

Hi,
Can you please :
- Active the Joomla debug mode ("Administration->Global configuration->System->Debug System/Language")
- Set the "error reporting" option of the Joomla configuration to "maximum"
- Test it again so that we can see if it display an error message.

Here you go.



The same language-related error message is shown on the pages that are formatted correctly.

Would it be possible to have access to the page so that we can look at the HTML/CSS on the page ? That would help understanding what's going on.

Hi,

I tried to look at your website with the access that you provided but the page loads for ever until the request times out an thus I can't look a your website.
Could you check with your hosting if there is any problem with your website ?

I have just gone to the website and it loads fine. Hopefully it was a temporary glitch.

It's working now.
Please deactivate the CSS/JS compression that you have configured on your website and try again.

I have looked for CSS/JavaScript compression options, but couldn't find them. I assume that they were introduced with version 3 of Joomla. The only option I could find was Gzip Page Compression, which is already disabled.

To make sure, I tested it here:



Is there anything else I can check?

I have now found the CSS/JavaScript compression options under the JCE editor configuration, but they are also already disabled.

It sounds ok, is it working with the Nicolas modifications?

No, I haven't changed anything. The compression was already disabled. The original problem still remains.

Hi,

If you take a look at the page source code, you will see that only one CSS file is included This is a "combined file" which regroup several CSS file in a compressed mode.

It does not have any link with the gzip compression of your server, it is long before that.
This is the feature that you should deactivated in order to see if the page is displaying better without.

And what I can tell you is that the "modal.css" file is include in the HikaShop product page (because you use the mootoos modal system).
This modal.css is wrong compressed by your template system and there is some strange code: Which break the rest of the CSS below, like the template.css file which contain all useful css rules.

So please, deactivate this feature to make the system work.
Otherwise you can use another popup system in HikaShop but if you joomla wants to display any kind of mootool popup, the page will break like this one.

Regards,

I have installed Mootools Enabler/Disabler from digitaldisseny.com/en/joomla-extensions/...lve-jquery-conflicts and used it to disable MooTools on my site.

IT NOW WORKS!

I no longer get the fancy picture popups, but at least the formatting stays intact.

THANK YOU!