Ebuyer product pages on Google Chrome
Google Chrome and AdBlock
We recently received a number of complaints from customers using the ‘image zoom’ functionality on the Ebuyer product pages when using the Google Chrome browser. Essentially any attempt to use the ‘zoomer’ would result in the problem illustrated below:
The Google Chrome Issue
After a great deal of code checking and head scratching we were able to pinpoint the issue to one of the Chromes many available extensions – namely AdBlock. AdBlock is a great little extension for blocking ad related content across the web but it appeared to be intefering with the javascript functionality of the ‘Image Zoomer’
The Fix
Fortunately the solution is very straightforward. First off, check that you have both AdBlock and Browser Button for Adblock installed as shown below:
AdBlock and Browser Button for AdBlock Extensions
Next, go to any page on the Ebuyer.com website and click on the AdBlock browser bar button as shown below:
AdBlock Browser Button
From the menu select Don’t run on this domain and the AdBlock icon should turn green with an appropriate ‘Thumbs Up’.
…good to go!
Now you should be able to once again enjoy the image zoom function on the product pages! (NB: You may need to refresh the page)
Zoom Zoom
Hope that helps our Chrome based customers 
26 Responses to “Ebuyer product pages on Google Chrome”
-
Simon says:
Since this update, it’s been broken for me…
I posted on the forums, but it clearly received no attention what so ever.
Maybe this will get you guys / girls into doing something.
-
Daryl says:
Hi Simon, could you tell us exactly what problem you’re experiencing? If you could also let us know what OS, Browser version etc, you’re running and we’ll take a look for you.
Thanks.
-
Hi.
I’m running Windows 7 64-bit. Browser is the latest FF, not BETA though. Along with Chrome, Opera and Safari.
I get the same issues on all of these browsers, her is a screenshot for you.
http://img256.imageshack.us/img256/6868/ebuyerfail.png
-
Thanks for that Simon. The screen grab was very useful!
It looks to me as though the stylesheet for the gallery images isn’t being loaded (jquery.ad-gallery.css) and as this is happening across multiple browsers (which render the pages fine on our testing boxes) I can only assume that you have some software running which is blocking calls to files which contain the term “ad”.
If you can locate the software concerned you should be able to add Ebuyer.com to a whitelist so it won’t block calls to this stylesheet.
I hope that helps!
Daryl
-
Scratch that last comment. I’ve figured it out.
It’s to do with Kaspersky 2011 Internet Security, maybe including their Anti-Virus product too.
You need to go to Settings > Web Anti-Virus
Click on the ‘Settings…’ button and make sure you add “http://www.ebuyer.com/*” to the safe list / non scan list.
-
That’s not a great way to explain it, but here is a screenshot of my setup. However, I specifically added the .JS file to the exclusions list.
http://img576.imageshack.us/img576/8676/ebuyerkasperskyfix.png
-
That’s great news Simon. Kaspersky was obviously being far too efficient
Hopefully your work-around will help others with the same issue short term but I’ll look at getting the relevant filenames altered so they don’t contain “ad” which should hopefully sort the issue once and for all!
Thanks again!
Daryl
-
Ross says:
Cheer guys! Now I can get rid of IE Tab in Chrome.
-
Chris says:
I’ve been trying to get this working for some time now but haven’t been successful. Running Chrome on Win7x64 with all the latest updates. Adding ebuyer.com to the whitelist of adblock does nothing, I still get the issue; however disabling adblock completely resolves it… this is a little undesireable though! Any ideas why this wouldn’t be working?
-
Natalie says:
Hi Chris,
Perhaps you could send us a screen grab of the problem you’re having and we’ll take a look for you?
Thanks,
-
Hi Natalie,
Here’s a screenshot of what’s happening:
http://christov.net/pics/ebuyer-zoom-fail.jpgbasically it’s exactly what’s happening as described in the blog post, but even with ebuyer.com added to the whitelist it still happens. Happens with all pages, in that picture my cursor was over the bottom right of the image but obviously a zoom of the top left is being displayed and I can’t zoom over any other part of it.
-
Hi Simon,
Using avast, even if I disable this completely the problem occurs with adblock still enabled. As soon as I turn adblock off the problem is gone. -
@Simon
Seems to work ok on Firefox with adblock enabled, I have no desire to go back to firefox however since I switched due to chromes nifty speed.
-
@Chris
Maybe it’s something to do with it’s web engine… Maybe try Safari?
I’m not quite sure, but it’s worth trying.
-
@Simon
Safari works fine with the zoom -
Hi guys,
I’m one of the Designers for Ebuyer.com. I think it’s a bug in Chrome’s rendering engine.
I’m running the latest build of the dev channel on OS X 10.6.5 and it’s still not working even if I disable all of my plug-ins and anti-virus.
I know both Chrome and Safari use Webkit as a rendering engine but they use different versions. It’s also possible that they implement Webkit differently.
I’m going to delve a bit deeper into this bug today, and will let you know the outcome.
-
@Jonny
Awesome. I thought it might have been the Webkit engine.
Also, what’s it like working for Ebuyer?
-
I found it. Apparently, it’s something to do with a new release of AdBlock. Instead or hiding the ads after they had loaded as it did previously. It now doesn’t even allow them to download them in the first place.
So for some reason, it sees the jQzoom code (the code used for the image zoom) and removes it, even before it has a chance to load.
It also looks like this won’t be fixed anytime soon.
We won’t be able to use another image zoom script either as others are affected too.
If you want to get technical it’s to do with this piece of code (document.addEventListener(“beforeload”, function(event) {” + “}, true);) and the discussion on the Chromium forum and the AdBlock forum can be found here: http://bit.ly/duK59U and here: http://bit.ly/ap4rg5 respectively.
We’ll have to see if it changes in the next release of AdBlock.
-
Noz says:
If you want a quick solution without uninstalling AdBlock or configuring your Antivirus, install the IETab extension in Chrome. IETab will use Internet Explorer settings within a tab within Chrome.
Link to extension install: http://goo.gl/38q2
Screenshot of it working in Chrome:
http://i.imgur.com/t42w6.png -
Ryan says:
Awesome! Thanks for this fix guys
-
Ah, the extension isn’t available any more :/
