VmZoomer v1.9 - adaptive output of product images Virtuemart virtuemart 3 and 2
VmZoomer v 1.9 - universal plugin for viewing images in the product card of the Virtuemart 3 system
VmZoomer v1.9 - adaptive output of product images Virtuemart 3
This plugin for Virtuemart 3 (including 3.2.14), but will work on Virtuemart 2.0.x +
VmZoomer is a universal plugin for viewing images in the Virtuemart product card. It will not only make a beautiful magnifier of pictures, but also set up a lightbox and adaptability for different screens that you can set yourself in the settings.
Main advantages of the plugin:
- Touch events for mobile devices
- Horizontal and vertical carousel
- Zoom images
- Flexible and adaptive support
- More pictures in the carousel
- Functional lightbox, which can be customized as you wish
- Displaying or disabling the display of picture names
The installation of the plug-in is standard, through the Joomla extension manager. After installing the archive, be sure to activate it in the plugins manager, it's called vmzoomer. (Before installation, unzip the archive and install only the .zip file)
In the plugin's settings you will find the necessary parameters for its correct display under your site. See the screenshots to see the available functions.
Move to the folder on the path/templates/template_name/html/com_virtuemart/productdetails/ files default_images.php and default_images_additional.php which are located in the archive with the plugin.
If there are no such folders in your template, then create them according to the above path. If there are already such files with a similar name in the folder, be sure to replace them with new ones, after having saved the old files (for your security of data storage). We recommend that you make an archive for any actions. For example, using a simple component of Akeeba Backup PRO.
In order to understand many of the features of the plug-in, let's look at some of the features.
From the administrative panel, you can fully customize the appearance of the main image: enable / disable zoom, Start zoom in several events: mouseover, simple click, click on hold. The main image can be changed by clicking or hovering the mouse over the thumbnail image.
An enlarged image is shown in the same window, and the plugin is called VmZoomer. On mobile devices, the zoom operates when touched if you or your client have a touchscreen. There is an option to turn off the increase on smartphones for convenience or some incompatibility with the current settings.
Additional images can be displayed either in the carousel (vertically or horizontally) or without it. Carousel is fully adaptive. On mobile devices, you can flip through the carousel not only with the forward/back buttons, but also with the help of touch.
In lightbox mode, mini-images can be displayed, which can be displayed either horizontally or vertically. The lightbox window is fully adaptable to the dimensions of the display. When the screen size is reduced, the thumbnails are automatically removed to prevent or disrupt the layout. The paging and navigation keys can be displayed either on the outside of the image or inside.
In Virtuemart> Preferences> Templates, disable the option Use ajax for product content - if the solution does not work or is not loaded on your template.