Here’s a Quick Way to Wow Your Customers – Product Image Zoom!

Friday, August 2nd, 2013
0 Flares Filament.io 0 Flares ×

The newest thoroughbred in Nexternal’s extensive stable of features is Product Image Zoom. Now, by simply hovering your mouse over a product image, users can instantly see all the fine details that are often missing when shopping online. Here’s how to activate this feature:

  1. Log into your Order Management System and navigate to Layout > Main Layout.
  2. Locate the “Product Detail” section and look for “Image Enlarge Method”.
  3. Select your desired method and click the Finish button at the bottom. (Zoom options discussed below)
  4. Make sure your product has a Main image and a detailed Large image, or the zoom feature won’t work.

Product Zoom Options

You have four settings for the Image Enlarge Method:

Popup Zoom Atop Main Image
The default setting, no zoom functionality. Displays “View Enlarged Image” link. When clicked, displays entire larger image in a popup window. Uses the dimensions of the main product image as the zoom window. Good if space is limited or you prefer a compact look.
Separate Zoom Window Zoom Lens
Our favorite setting. Hovering over image displays zoomed image in a window with the size of your choosing. Display zoomed image in a circle directly over original image. Feels like you’re examining with a magnifying glass.

Tips for creating large images for use in the Zoom feature

  • There is a file size limit of 200K. Images larger than this cannot be uploaded.
  • If your file is too big, try reducing the image dimensions. For example, you don’t need the image to be 3000 pixels wide to see great details. Try reducing it to 1200 pixels and see how it looks.
  • If the image is a PNG, convert it to a compressible JPG format.
  • If the file size is still over 200K, try an image compressor. CompressNow is easy to use.

When the Zoom feature is most advantageous

  • If you have products with details that customers want to examine.
    Examples:  shoes, backpacks, toys, art, purses.
  • If you have products with labels that customers will want to read.
    Examples:  supplements, software, lotions, packaged food.

When not to use the Zoom feature

  • If you don’t have any large images to zoom with. I’ve encountered product pages where the product “zoomed” to display the exact same image as the original. It looks silly.

Zoe is a web designer by day and a caped super-hero by night. Okay not really, but she really is a web designer at Nexternal with over 14 years of experience coding HTML, CSS, and other magical web things. She also enjoys helping others, which is a bit like channeling her inner hero.      Google+ Profile