Phoca Cart - Product Image Zoom - Feature Request

[keerillcom]

Everything works perfectly! You only need to clear the cache in the CMS and browser.

[Jan]

Ok, great to hear it.

Jan

[keerillcom]

There is a problem when viewing from mobile devices - there is no increase in the picture. Is the problem in the template or in the application itself?

[Jan]

Hi, can you paste a screenshot what do you exactly mean?

In mobile devices, the feature automatically changes from "on hover" event to "on click" event with magnifier function.



Jan

[keerillcom]

I apologize. There is a magnifying glass, there is no increase when you click on the picture - this is confusing.

[Jan]

I am not creator of the zoom javascript library, so maybe this is more a question on developers of this effect. But I think, it is based on logical reasons because there is no place on mobile view for zoom image next to main image so they just added magnifying glass instead - and of course on mobile the on hover event does not work so it starts on on click event

Jan

[Jfruiz]

Hi, I in process of setting up a site with Gantry framework and found this e-cart extension as exquisite as any one you have produce. Really perfect. Thank you very much, first.

Regarding this plugin, which is working fairly well and for me is a must, I think that on mobile/touch devices the magnify circle should appeared with a bigger offset, because now it is covered by the finger and it is not possible to see the effect.

Don't know, if that could be my template issue...

Thanks again

[Jan]

Hi, hard to say, can you paste a screenshot?

Jan

[Jfruiz]

It is not possible to take a direct screenshot, because is an overlay so it do not appeared, nor the finger.

Here is a normal shot made with another cam

https://imgur.com/a/hHpTEAe

It will be nice also if in normal computer view, the zoom expand to a bigger area, at least to the same height of the thumbnail...

https://imgur.com/a/ohG9vVH

[Jan]

Hi, you can set it per CSS, e.g.

Code: Select all

.drift-zoom-pane.drift-inline {
  width: 250px;
  height: 250px;
  border-radius: 50%;
}

Jan