{"id":847,"date":"2011-02-21T22:44:56","date_gmt":"2011-02-22T03:44:56","guid":{"rendered":"http:\/\/www.rexfeng.com\/blog\/?p=847"},"modified":"2011-02-21T22:44:56","modified_gmt":"2011-02-22T03:44:56","slug":"updated-amazon-product-image-zoom","status":"publish","type":"post","link":"https:\/\/www.rexfeng.com\/blog\/2011\/02\/updated-amazon-product-image-zoom\/","title":{"rendered":"Updated Amazon Product Image Zoom"},"content":{"rendered":"
\"\"

While Mousing Over Product Image<\/p><\/div>\n

While surfing Amazon<\/a> via slickdeals<\/a> today, I noticed this updated product image zoom technique on Amazon. Not sure if this technique is necessary, but on the surface it seems a net improvement in utility for Amazon’s customers.<\/p>\n

\"\"

Before Mouse Over of Image<\/p><\/div>\n

Before mousing over the product image (seen on the left), this product page looks like any other product page on Amazon.<\/p>\n

\"\"

The Zoomed Selector Range<\/p><\/div>\n

While you mouse over the product image, you see a blue dot texture indicating what part of the product image you are zooming into.<\/p>\n

\"\"

Mouse Over of Product Image<\/p><\/div>\n

Mousing over the bottom left corner replaces the product description section with a corresponding bottom left product zoom.<\/p>\n

\"\"

Product Image Mouse Tracks to the Right<\/p><\/div>\n

As you move your mouse to the right of the product image, you can see that the product zoom tracks accordingly.<\/p>\n

\"\"

Product Page without Mouse Over<\/p><\/div>\n

Once your mouse leaves the product image on the left, the screen returns to normal. You can now see the product description again.<\/p>\n

Regarding when this update was rolled out or what browsers this works in, I don’t have definitive answers. I noticed this product image zoom update today while using Chrome<\/a> at the product page<\/a>.<\/p>\n

As for its conversion rate, I did not buy the product. Either their internal testing shows an increase in purchases with this rollout or I got put into a testing sample. I could see this product image zoom technique become useful for products with hard to read text (such as food ingredient labels).<\/p>\n","protected":false},"excerpt":{"rendered":"

While surfing Amazon via slickdeals today, I noticed this updated product image zoom technique on Amazon. Not sure if this technique is necessary, but on the surface it seems a net improvement in utility for Amazon’s customers. Before mousing over the product image (seen on the left), this product page looks like any other product […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[542,546,543,547,545,548,544],"class_list":["post-847","post","type-post","status-publish","format-standard","hentry","category-tech","tag-amazon","tag-display","tag-mouse-over","tag-pork-rinds","tag-product-image","tag-slickdeals","tag-zoom"],"_links":{"self":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/847","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/comments?post=847"}],"version-history":[{"count":4,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/847\/revisions"}],"predecessor-version":[{"id":857,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/posts\/847\/revisions\/857"}],"wp:attachment":[{"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/media?parent=847"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/categories?post=847"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rexfeng.com\/blog\/wp-json\/wp\/v2\/tags?post=847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}