16
Customization help / Re: How to integrate Pinterest Save button with easyZoom?
« on: November 21, 2017, 04:39:03 AM »
OK, I disabled easyzoom, but it caused other problems.
What I did:
In product.tpl, I commented-out L429, L474-491, and L529 in the script section (reference = current file on github).
What happened:
This disabled easyzoom, but now clicking an image does not work as expected:
1 - if you click the image in the viewer, on desktop it opens a new browser tab with full-size image; a mobile tap does nothing, but you can spread-finger zoom.
2 - if you click any thumbnail, the desktop browser leaves the product page and goes to the url for the full-size image; a mobile tap on a thumb does the same thing.
Note: on desktops, the fullsize image displayed on the new or redirect url has a "zoom cursor" (little magnifying glass with + symbol) which allows you to zoom in.
So - by disabling easyzoom, the image view window is rendered useless.
You cannot select other thumbs to view in the window.
If you click a thumb, it doesn't replace the image in the view window, instead, it navigates to a different url.
Can you tell me how to modify the code so that clicking or tapping a thumbnail will only change the image that is being displayed in the view window?
Can you tell me how to modify the code so that desktop mouse-hovering over the view window will result in the "zoom cursor"?
Summary - Pinterest is important. The Pinterest Save button is easy to implement and already works with AC category and product-listing images. But AC product images do not work with Pinterest because easyzoom. Disabling easyzoom makes the product page view window useless, and also causes AC product image functions behave poorly.
Is this custom work that must be purchased?
Or is this a cart that doesn't work with pinterest, and should be developed so that the option for disabling easyzoom and using pinterest is a basic feature?
Thx.
What I did:
In product.tpl, I commented-out L429, L474-491, and L529 in the script section (reference = current file on github).
What happened:
This disabled easyzoom, but now clicking an image does not work as expected:
1 - if you click the image in the viewer, on desktop it opens a new browser tab with full-size image; a mobile tap does nothing, but you can spread-finger zoom.
2 - if you click any thumbnail, the desktop browser leaves the product page and goes to the url for the full-size image; a mobile tap on a thumb does the same thing.
Note: on desktops, the fullsize image displayed on the new or redirect url has a "zoom cursor" (little magnifying glass with + symbol) which allows you to zoom in.
So - by disabling easyzoom, the image view window is rendered useless.
You cannot select other thumbs to view in the window.
If you click a thumb, it doesn't replace the image in the view window, instead, it navigates to a different url.
Can you tell me how to modify the code so that clicking or tapping a thumbnail will only change the image that is being displayed in the view window?
Can you tell me how to modify the code so that desktop mouse-hovering over the view window will result in the "zoom cursor"?
Summary - Pinterest is important. The Pinterest Save button is easy to implement and already works with AC category and product-listing images. But AC product images do not work with Pinterest because easyzoom. Disabling easyzoom makes the product page view window useless, and also causes AC product image functions behave poorly.
Is this custom work that must be purchased?
Or is this a cart that doesn't work with pinterest, and should be developed so that the option for disabling easyzoom and using pinterest is a basic feature?
Thx.