Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - CleanMart (SKU# FLEX-00015)

TOPIC: Zoom feature on mobile

Zoom feature on mobile 9 years 6 months ago #11024

Hi,

Just got cleanmart and everything works perfectly.

I found that the zoom feature doesn't work on mobile. I have tried viewing your demo site on mobile browser and found that the zoom feature also doesn't work.

It is possibly because no mouse but touch screen.

So is it possible to make it work?

Thanks in advance.
The administrator has disabled public write access.

Zoom feature on mobile 9 years 6 months ago #11048

Hi,

In CleanMart, there are 2 different product details page:

1- DEFAULT View: Uses InnerZoom (zoom window shows off on the thumbnail itself)
2- FLEXV2 View: Uses WindowZoom (zoom window shows off on the right side of thumbnail)

The FLEXV2 is not suitable to active the zoomEffect with small screen (mobile screen), because the thumbnail is already from edge-to-edge, so there is no extra space on the right of thumbnail to show the zoomWindow. But this is not the case for DEFAULT layout, because the zooming is happening on the thumbnail itself.

Check the Live DEMO URL with your mobile phone and you will understand what i am saying:

DEFAULT: demo.flexiblewebdesign.com/cleanmart/index.php/vm-product-details-page/product-details-default-layout
FLEXV2: demo.flexiblewebdesign.com/cleanmart/index.php/vm-product-details-page/product-details-flexv2-layout

ZoomEffect is working fine with DEFAULT layout (on mobile phones) while we have disabled the zoomEffect for FLEXV2 layout on purpose, but if you insist on re-activating it on FLEXv2 layout as well;

open this CSS file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css

and find this line below and remove it:
.detailsFlexv2 .flexible-zoom-big {display:none !important;}

So, zoomEffect will also be activated on FLEXV2 layout. But this is not recommended, because it won't be user-friendly.

If you like Zoom Effect and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Virtuemart-Modules/Virtuemart-Zoom-Effect-Plugin

Write couple of sentences to share your experience with the support team.
Just 2-3 sentences would be enough ;) It might sound simple to you, but it is extremely important. Potential customers care about product reviews very much.

Thanks in advance!

Regards,
Support
The administrator has disabled public write access.

Zoom feature on mobile 9 years 6 months ago #11063

Hi

Thanks for your reply.

I am using default with inner zoom.

On your demo page, if you access with phone browser, once you touch the photo, you can see the inner zoom but the zoom will not move to where you want to zoom.

I.e. the zoomed image stay at the same place even if you move your finger around. It just show the zoom of the top left coner of the original photo.

It is not a problem on destop with a mouse cursor.

I have checked your demo and also the zoom module V4 and found that the v4 works but not the one in cleanmart.

Please check. Thanks again..
The administrator has disabled public write access.

Zoom feature on mobile 9 years 5 months ago #11086

Hi,

I don't know what kind of smart phone you are using, but ZoomEffect on this page:
demo.flexiblewebdesign.com/cleanmart/index.php/vm-product-details-page/product-details-default-layout
is working just fine with iPhones (with Adroid phones as well, because I also tested it with Chrome App on iPhone which works the same way as Android phones)


The screenshot to prove (I just took this screenshot from my personal iPhone couple minutes ago)

Attachment IMG_0081.png not found



regards.
Last Edit: 9 years 5 months ago by Support.
The administrator has disabled public write access.
Time to create page: 0.084 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo