My client isn’t pleased with the functionality of the product images lightbox.
They would like it to work as such – when the magnifying glass is clicked on it takes the user directly to the full screen version of the image (rather than the screen with thumbs).
This make perfect sense to me. In it’s default state, when the magnifying glass is clicked on the next screen is pretty much duplicating the image information already presented on the product page anyway. In fact, when using portrait proportioned images for the products, the image presented to the user when the magnifying glass is clicked on is actually smaller than the image on the product page. This is very misleading to users.
It shouldn’t require two clicks for users to access a larger version of the image, when it is insinuated thorough the display of a magnifying glass that it can be achieved in one.
I tried to implement a different lightbox plugin for use on the products, which takes users directly to a full screen version of the image when the magnifying glass is clicked on. This worked nicely, but can’t be used because in order to implement the functionality I was required to change the existing “data-rel=’ilightbox[product]'” attribute on the magnifying glass link to “rel=’shadowbox[product]'”.
Changing the data-rel attribute caused the magnifying glass link to variation images not to work, linking to the incorrect product featured image instead.
Can you advise of a method to go directly to the full screen version of the product image (skipping the screen with thumbnails) when the magnifying glass is clicked on?
.