Large images in google chrome

Hi all,



I have a little problem with the pictures in google chrome.

When I click on Larger Picture with google chrome, the first time it doesn’t pop up. The main screen does become darker.



The second time I click it does work.



I don’t have this problem with explorer or firefox.



Please check my test shop here: [url]http://gowiththeflowing.com/eigenwijs/index.php?dispatch=products.view&product_id=29779[/url]



Thanks for any help to solve this problem… !

Hi,

I see your problem. I have the same problem. I just checked my images in 2.0.1 using Google Chrome 7.0 and find it takes two or more clicks on an image in order to see the larger image.

Looks like you are using cs-cart version 2.0.12.

I have to click three times to get the pop-up and then have to click twice on the thumbnails from withing the pop-up in order for them to show in the larger version.

I checked another non-cs-cart sites with the similar type of pop-ups I have and did not have the same problem.

Bob

Same here, have to double click or on some computer Chrome pops up with one click.

Fix was posted to the bug tracker:



[URL=“http://forum.cs-cart.com/vbugs.php?do=view&vbug_id=2250”]http://forum.cs-cart.com/vbugs.php?do=view&vbug_id=2250[/URL]

Hey,



Cs-cart fixed this for me. I got a new previewer.js and it now works like a charm.



Download here if you like and put it in your js folder (don’t forget to backup your old file just in case!): [url]http://www.gowiththeflowing.com/previewer.zip[/url]

Another fix for chrome and the toy store template. This time with the popup customer puts a product in their card, only part of the button can be clicked:





It looks like a bug in the current CS-Cart version. As a temporary solution replace the following part of the code:



.product-notification-container {

position: absolute;

top: 50%;

left: 50%;

margin: -80px 0 0 -200px;

color: #000000;

width: 400px;

height: 160px;

z-index: 30;

}



with this one:



.product-notification-container {

position: absolute;

top: 50%;

left: 50%;

margin: -80px 0 0 -200px;

color: #000000;

width: 400px;

z-index: 30;

}





in the “styles.base.css” file located in the “skins/toy_store/customer” directory of your CS-Cart installation.



Clear cache and (sometimes) wait a couple of minutes to see the change.