Revisión de Woothumbs – Mejores Imágenes de WooCommerce

¿Está interesado en una mejor manera de presentar sus productos en WooCommerce? Entonces podría estar interesado en la revisión de hoy … Revisaré el complemento Woothumbs desde el icónico. Es un complemento que lo ayuda a mejorar la pantalla de su producto con algunas mejoras importantes en la presentación predeterminada de la imagen de WooCommerce. Desarrolla algunos productos elegantes y una forma maravillosa de ampliar sus productos, lo cual es particularmente excelente para cualquiera que venda productos centrados en el diseño. Y si vende productos con múltiples variantes, definitivamente estará interesado en cómo Woothumbs le permite administrar más variantes de imagen (¡más sobre esto a continuación!).
Woothumbs también es desarrollado por una empresa reconocida, con una historia probada (lo ha sido desde 2011). Iconic es un autor de élite en Code Canyon, con más de 7,000 ventas y una evaluación de 4.5 estrellas. Además de Woothumbs, también venden una serie de otros complementos de blog de WooCommerce y WooCommerce. Entonces, si eres un vendedor de WooCommerce o estás interesado en convertirte en uno, te invito a unirte a mí mientras investigo Woothumbs de Iconic. La configuración de las personas de Woothumbs de lo icónico fue bastante amable de configurarme con un sitio de prueba, por lo que no tuve que instalar el complemento solo.
Sin embargo, aparte de eso, empiezo con el paso uno. Primero, iré a la pestaña Configuración general y configuraré los elementos básicos:


El artículo continúa a continuación
Ok, hay muchas configuraciones. Siempre veo esto como una espada de dos medidas: te gusta tener muchas opciones, pero a veces lleva tiempo pasar por todo. Comenzaré con la configuración de visualización. Estas son las cosas más importantes que puede configurar:
Cómo pasar las imágenes en el carrusel (horizontal, vertical o desenfoque)
Qué tan rápido pasan las imágenes
Si el carrusel se restaura automáticamente o no
Si el carrusel juega en un bucle infinito o no
Cambiando a la siguiente pestaña, los tamaños de la diapositiva, puede establecer el tamaño y la colocación de la diapositiva de la imagen:

En la configuración de navegación, puede elegir si desea mostrar flechas de navegación y cambiar la configuración del comando en miniatura:

En la configuración de zoom, puede activar o deshabilitar Zoom:

También puede elegir cómo funciona el zoom. Aunque esta configuración puede parecer inofensiva, en realidad afecta su zoom.

El artículo continúa a continuación

El zoom interior aumentará toda la imagen a medida que el usuario pase con el mouse.
El zoom exterior mostrará el zoom adyacente a la imagen, pero no afectará la imagen original.
Sigue creará un efecto de lupa donde se encuentra el mouse del usuario.
Dependiendo de su selección de zoom, puede configurar algunas otras opciones en esta página.
Esto es para la mayoría de los configuraciones: quedan algunas pestañas donde puede establecer opciones de pantalla completa, configuraciones receptivas y CSS, pero no creo que sean particularmente vitales para las funciones principales del complemento. Ahora, echemos un vistazo a cómo el complemento afecta la interfaz. Diapositivas de productos Debido a que activé los botones anteriores/próximos en la configuración de navegación, los usuarios verán estos botones elegantes en cada imagen:

En lugar de hacer clic en miniatura para navegar, pueden hacer clic en el botón para pasar a la siguiente imagen. Si activa la reproducción automática, las imágenes cambiarán automáticamente a la velocidad especificada. Personalmente, no me gusta cuando las imágenes se reproducen automáticamente, pero si eres fanático, la funcionalidad ciertamente funciona sin problemas en mi prueba. Me gusta que todo se vea muy profesional desde el momento de salir de la caja. Los botones anteriores/próximos están bien diseñados, y las transiciones son suaves. Además, para los usuarios de dispositivos móviles/tabletas, pueden moverse fácilmente a través de las imágenes del producto a través de gestos manuales, lo cual es agradable para el uso móvil. Acerca la foto ahora para echar un vistazo a cómo funciona el zoom. Te mostraré las tres opciones de zoom diferentes que mencioné anteriormente. Mientras lo tenga activado, las tres opciones se activan automáticamente cuando un usuario pasa el mouse sobre la imagen del producto.
El artículo continúa a continuación


Así es como se ve la página del producto cuando no voy con el mouse a través de la imagen, es decir, no se aplica ningún efecto de zoom:

Así es como se ve un zoom interior para uno de sus clientes:

Observe cómo aumenta la imagen completa y todo sucede dentro de la caja de zoom original. Compare esto con un zoom exterior:

En la imagen original aparece una caja, y luego la porción ampliada dentro de esa caja aparece fuera de la imagen original. Puede personalizar la ubicación y el tamaño de esta caja de zoom. Finalmente, así es como se ve un zoom de seguimiento:

Puedes hacer el zoom circular o cuadrado. Para ser honesto, sin embargo, realmente no me gusta este efecto. Ni el círculo ni el cuadrado me parecen muy bien. No creo que sea un problema de implementación. Simplemente no me gusta el efecto, sin importar cuán bien implementados. Múltiples Woothumbs incluye una característica agradable si tiene más variantes, por ejemplo, diferentes camisas de color para los mismos modelos. Woothumbs le permite agregar imágenes adicionales para cada opción, por lo que cuando un usuario hace clic en una variación, puede ejecutarse a través de varias imágenes que son relevantes para esa variación. En la página del producto, puede agregar imágenes adicionales accediendo a datos del producto → Variantes → Agregar imágenes adicionales:

Otras cosas geniales que Woothumbs tiene algunas otras características que vale la pena señalar.
En primer lugar, si nunca desea que Woothumbs se active solo para una sola página de producto, puede deshabilitarlo fácilmente en los detalles del producto. Simplemente vaya a datos del producto → Woothumbs y puede activar o deshabilitar WoothMBS para ese producto específico:

Otra característica interesante de este menú es la capacidad de agregar un video. Todo lo que tiene que hacer es ingresar el enlace bruto a su video y luego, en la página del producto, los usuarios verán un nuevo icono de reproducción:
Si hago clic en el icono, el video se extenderá automáticamente sin pedir a los usuarios que abandonen la página. Esta es una característica linda, aunque, jugando con cosas, noté que el icono de reproducción no se podía hacer clic cuando se usa la función de zoom “Seguir”. La funcionalidad funcionó bien con las opciones de zoom interior y exterior. Finalmente, Woothumbs es totalmente compatible con algunos de los otros complementos que ofrece Iconic. El sitio de prueba que me ofrecieron ya tenía el icónico complemento QuickView. La función de zoom de Woothumbs funciona de manera excelente con este complemento: creo que definitivamente debería pensar en instalar ambos. Los precios de Woothumbs Woothumbs tienen un precio razonable de $ 18.00 para la licencia habitual. La licencia extendida le costará $ 90.00. Debido a que Woothumbs se vende a través de Code Canyon, puede esperar que las licencias estándar de Code Canyon se apliquen a las versiones ordinarias y extendidas.