Hi,
I have been seeing a problem with the "additional images slider" on the product details page. In FireFox on the first time the page is loaded (or with a forced refresh) it is not showing the additional images correctly. They are all bunched up. If you refresh the page the width is calculated correctly and the images show correctly.

My site is here babynose.com.au/shop/boogie-bulb-medium.html, but I can reproduce the same problem on your demo site here www.flexiblewebdesign.com/virtuemart-2-template-puremart/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=5&Itemid=477

The problem only seems to appear with firefox. With IE and Chrome the problem does not occur.

I was seeing the problem in PureMart 3.4 and still with 3.5.

On the "first load of the page" or a "forced refresh" the html generated is:
<ul class="additionalImagesslider" style="position: relative; overflow: hidden; height: 64px; width: 72px; margin: 0px; padding: 0px; list-style-type: none; z-index: 1; left: 0px;">
<li class="flexible-zoom-additionalImages-slide" style="height: 64px; overflow: hidden; float: left; width: 12px;">


Then after a "refresh" it is
<ul class="additionalImagesslider" style="position: relative; overflow: hidden; height: 64px; width: 432px; margin: 0px; padding: 0px; list-style-type: none; z-index: 1; left: 0px;">
<li class="flexible-zoom-additionalImages-slide" style="height: 64px; overflow: hidden; float: left; width: 72px;">

Regards,
Mr BabyNose

Hi,

It is my first time i am browsing your website (i just clicked the link you have given)
And here is the screenshot from your website.



And i am using MacBook Pro and FireFox 19.0.2

But the issue you rise sounds interesting though, maybe the thumbnails are loaded after the Carousel JS file, so the carousel JS file calculate the width without taking into account the thumbnails. Hmmm

Let our other support guy (John) take a look at it, maybe he has some idea about it since it doesn't happen on my screen, i can't be sure what might cause it.

Regards.

Hi,
Maybe it is not for the first time visit and depends on what is cached on my server, your browser etc.

It is repeatable with "shift-refresh". Have you tried that? The same on your demo site.

I am on WIndows XP with FireFox 19.02.

Regards,
Mr BabyNose

Hi,

Forcing to refresh has different shortcut in MAC, it is APPLE+SHIFT+R
but still no luck, i always see it is working alright. But i just changed something;
Can you try it again in this page:
www.flexiblewebdesign.com/virtuemart-2-template-puremart/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=5&Itemid=477

Do the same thing and let me know if it works in your screen even though it is forced refreshed.
Try it and if it starts working alright, i will provide you the patch. It is pretty easy.

Regards.

Hi,
My screen resolution is 1920x1200. Not sure why else mine is different.
In any case whatever you changed on the demo site has fixed the "forced refresh" problem.
The patch would be great for me to try on my website.
Regards,
Mr BabyNose

Open this PHP file:

ROOT/templates/<yourjoomlatemplate>/html/com_virtuemart/productdetails/flexv2.php

Find this line ( @294th line):
And replace it with this:

Basically you are adding the fixed 68px to the <li> element, which will eliminate this wrong width calculation.
Regards.

Thanks, that change fixes the problem.

I just added the width:68px; in that line and a forced refresh now works properly.

Regards,
Mr BabyNose

Very good..

Case closed

Thanks