Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.
Latest post by Olivier on Saturday, 24 May 2025 23:31 UTC
How to disable zooming on mobile for the product page image and offer an alternative like a pop up when i want it.
I do know how to disable from the menu --> product page but not able to find a solution for mobile
The first action of a mobile user wher arrive to the product page is to scroll down to check the information. When zoom is enable he need first to realize how to stop zooming and then go to the information. This seems to be extra work for the user.
Hello Georgios,
there are several ways to test that you are on mobile, but in the case of the zoom feature, I would not go that route.
It could be cases where even though you are NOT on mobile devices, the browser's viewport could be too small to show zoomed items.
Other case where you would be on a mobile device but the zoom could still be used.
Therefore I would modify the jQuery-based code in the item_images.php file for instance (after you created an override for it).
There is code such as
if (enable_zoom) { j2store.jQuery('#j2store-item-main-image- .... ').zoom(); }
What I would do is add code like this
if (enable_zoom && window.innerWidth > 768) { j2store.jQuery('#j2store-item-main-image- .... ').zoom(); }
This would take care of the window size rather than the device used.
This may sound a bit complicated if you are not a coder so if you need help we could do it for you.
Olivier.
Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.
Thanks Oliver.
This doesn't give me the behavior I was asking. The mobile user still need to find the letters in order to scroll to the informations of the products. The thumb is fighting with the zoom before it actually hit the letters to move to the informations.
Anyway I found a solution by stopping the zoom for mobile and give them a pop up image on a new tap if they wanted to see a large version of the image that way when the thumb touch the screen it just scroll to the desire part.
This issue though show me that the component is not mobile frendly.
There are many parts of the components that need to work on this like the cart page where the idem summary is based on a table and the view on a mobile doesn't allow for the items to be place one under the other instead you need to find a solution to make the table scrollable to be viewable on small screens.
I also have to make some css adjustments to find the best view on the mobile screens on the register page where table was also the issue.
Just some thoughts.
Hello Georgios,
I suppose I did not understand what you were looking for, my apologies.
I am glad you found a good solution to this problem.
There are many aspects of the extension we are looking forward to improve, we are doing our best to get to a better place with it.
Thank you for your feedback!
Olivier.
Help us get back to #1 in the Joomla Extension Directory by leaving us a 5-Star review here.
Subscribe for free and be the first to know about the latest features, updates, and new additions.