Descargar: Complemento de Wordpress Mega Zoom & Pan Image Viewer

¿Qué es Mega Zoom & Pan Image Viewer?

Herramienta rica en funciones y única para WordPress y WooCommerce que permite mostrar y hacer zoom/escalar imágenes/productos grandes (imágenes de alta resolución, por ejemplo, ropa, automóviles, mapas, esquemas técnicos, etc.) con un control y funciones incomparables.

Especialmente diseñado para mostrar imágenes de gran calidad con gran detalle, lo que permite ampliar y desplazar una imagen, agregar marcadores/puntos de acceso y más…

Principales características

Potente zoom y visor de imágenes: herramienta única y rica en funciones que permite mostrar y hacer zoom/escalar imágenes/productos grandes (imágenes de alta resolución, por ejemplo, ropa, automóviles, mapas, esquemas técnicos, etc.) con un control y funciones incomparables.

Construido con Vanila Javascript, el zoomer es muy rápido, funcionará en todos los temas de WordPress y no tiene dependencias.

Soporte de WooCommerce: MegaZoom & Pan Image Viewer se puede incluir en una página de producto de WooCommerce, todas las funciones y configuraciones funcionan exactamente como en la versión de WordPress, no hay restricciones.

Aceleración de hardware: el zoom se diseñó especialmente para mostrar imágenes de gran calidad con gran detalle, esto es posible utilizando las últimas técnicas de CSS/Javascript para renderizar la imagen usando la aceleración de hardware para un rendimiento sobresaliente en lugar de la renderización de imágenes predeterminada del navegador.

Diseño receptivo: totalmente receptivo y adaptable independientemente del dispositivo que se utilice.

Fácil de usar e instalar: este complemento es un veterano con más de 14 años en desarrollo, ¡tuvimos suficiente tiempo para comprender a nuestros clientes y empaquetar el mejor zoom de imágenes!

Optimizado para dispositivos móviles y de escritorio: el zoomer se adaptará a cualquier tamaño de pantalla y cualquier dispositivo, ya sea que se use en su navegador de escritorio o en su teléfono móvil.

Imagen de Grpahics .png máscara o máscara vectorial: dos máscaras incluidas con una máscara de imagen .png o una máscara vectorial svg 1 o una máscara vectorial svg 2, visualmente las máscaras se ven iguales. Archivos Figma/.fig incluidos más video tutorial sobre cómo usar los gráficos y la máscara vectorial.

Posibilidades ilimitadas de diseño de máscara: debido a que el zoomer tiene la opción de una máscara de gráficos/.png, literalmente no hay limitaciones en el diseño de la máscara, simplemente reemplace los archivos .png utilizados para la máscara con los suyos propios y cree un ejemplo mágico aquí y un video tutorial.

Desplazamiento perezoso o carga diferida: inicialice el zoomer en el desplazamiento cuando esté visible en la página, de esta manera, si el zoomer está en una sección de la página que no está visible, no se inicializará, sino que se inicializará solo cuando el usuario se desplace. a esa sección de la página.

Alta calidad de imagen: soporte para alta calidad de imagen sin perder rendimiento.

Marcadores o puntos de acceso: tres tipos de puntos de acceso (enlace, pequeña ventana de información y ventana de información detallada) que permite mostrar información sobre el producto en regiones específicas. Una vez creado, un punto de acceso puede usarse en más de una imagen.

Zoom profundo: cuando se amplía la imagen, se pueden agregar marcadores/puntos de acceso a una escala/zoom y posición espaciales, y aparecerán solo cuando se alcance ese zoom/escala específico, ejemplo aquí.

Marcadores o puntos de acceso personalizables: los marcadores o puntos de acceso pueden ser de cualquier tamaño o forma y pueden variar, por ejemplo, si desea agregar tres puntos de acceso de tipo enlace, cada uno de ellos puede tener un tamaño o gráficos diferentes, esto se aplica a todos los marcadores/puntos de acceso. tipos

Marcadores personalizables o posición de puntos de acceso: herramienta integrada para encontrar la posición correcta para el marcador.

Ventana del navegador: pequeña ventana del navegador personalizable que permite desplazar la imagen cuando se amplía. El tamaño de la ventana se puede configurar en cualquier tamaño y también la imagen del navegador se dibuja automáticamente a partir de la imagen original, ejemplo aquí.

Menú de clic derecho: menú contextual de clic derecho personalizable que permite controlar el zoom, la panorámica, la pantalla completa, etc.

Barra de botones de control: barra de botones de control completa con botones. La barra de botones de control se puede colocar verticalmente arriba o abajo y horizontalmente a la izquierda, al centro oa la derecha.

Botones personalizables: todos los botones son opcionales y se pueden quitar fácilmente si uno o más no son necesarios, el orden de los botones se puede configurar como desee y la geometría de los botones (espaciado y posición) se puede configurar individualmente para ofrecer un control de ajuste fino.

Botones Panorámica izquierda, derecha, superior e inferior: estos botones permitirán panoramizar/mover la imagen horizontal o verticalmente, son opcionales y se pueden quitar individualmente.

Botones de acercamiento y alejamiento más barra de desplazamiento: control preciso al acercar o alejar la imagen.

Factor de zoom personalizable: el factor de zoom se puede personalizar, lo que permite ajustar el nivel de zoom, de esta manera, la imagen se puede acercar o alejar tanto como desee, por ejemplo aquí.

Velocidad de zoom personalizable: velocidad de zoom personalizable que permite un control preciso sobre la velocidad de acercamiento y alejamiento, esto se puede personalizar individualmente según el tipo de imagen o el tamaño de la imagen, ejemplo aquí.

Gestos de pellizco y zoom: compatibilidad con gestos de pellizco y zoom para dispositivos móviles con capacidad táctil como Iphone/IOS y Smasung S+/Android, la imagen se puede ampliar con dos dedos o panoramizar con un dedo.

Doble clic y zoom: cuando se hace doble clic en la imagen, se ampliará en el punto donde se hizo doble clic, también es posible establecer el factor de zoom para esta función.

Botón de pantalla completa: este botón establecerá el tipo de visualización del zoom en pantalla completa nativa/pantalla normal.

Botón de ventana de información y ventana de información: botón de ventana de información para mostrar una ventana personalizada detallada que admite cualquier contenido HTML y se puede diseñar como desee para adaptarse a su diseño.

Información sobre herramientas de botones personalizables: información sobre herramientas de botones opcionales y texto de información sobre herramientas personalizable.

Compatibilidad con teclado: use las flechas para mover/desplazar la imagen del zoom.

Compatibilidad con la rueda del mouse: use la rueda del mouse para acercar o alejar la imagen del zoom, ejemplo aquí.

API potente: API completa para todas las funciones y más, además de compatibilidad con eventos, estos métodos y eventos se pueden llamar fuera del zoomer.

Documentación detallada y tutoriales en video: el complemento viene con una documentación detallada, así como varios tutoriales en video, por ejemplo, aquí se puede encontrar un tutorial en video detallado para la versión de WordPress.

Soporte directo del desarrollador: una vez que compre MegaZoom & Pan Image Viewer, también recibirá soporte directo y atención del desarrollador del complemento. Tibí @ ADELANTE

Lo que dicen nuestros clientes:

Registro de actualizaciones:

Versión 4.1 Fecha de lanzamiento 21.02.2023

Se agregó soporte para imágenes .webp, ahora el zoomer admite .jpg, .jpeg, .png, .webp.
Se corrigieron errores relacionados con la caja de luz, no funcionaba correctamente.
Opción agregada para cerrar la caja de luz al hacer clic fuera del área del visor.

Versión 4.0 Fecha de lanzamiento 05.10.2020

Traducción añadida.

Versión 3.0 Fecha de lanzamiento 23.10.2020

Actualice y actualice toda la UI/interfaz de usuario y UX/experiencia de usuario y máscaras para hacerlo más moderno y adaptable.
Retire las máscaras antiguas y reemplácelas con dos nuevas máscaras modernas.

Estilo y uso de marcadores mejorados.

Se agregó soporte para máscaras vectoriales, todos los íconos como botones, marcadores, etc. ahora pueden ser SVG vectoriales y estilo directamente usando CSS, ejemplo aquí.

Optimice el código para cargar más rápido y funcionar mejor.

Se agregaron varias configuraciones para ajustar el control de imagen.

Se agregó compatibilidad con tipos de publicaciones personalizadas, ahora es posible agregar una o más instancias de Mega Zoom & Pan Image Viewer en cualquier tipo de publicación personalizada.

Se agregó compatibilidad con Woocommerce, ahora es posible agregar una o más instancias de Mega Zoom & Pan Image Viewer en las páginas de productos de Woocommerce.

Se corrigieron varios errores

Tenga en cuenta que, debido a los cambios importantes en la estructura del CORE del visor, esta actualización no es compatible con las versiones anteriores, por lo que si desea actualizar, tendrá que comenzar desde cero con sus productos… He intentado que sea compatible, pero fue imposible debido a las demasiadas diferencias entre el estilo de la versión anterior y la nueva versión actualizada.