Agregar imágenes y galerías de productos a WooCommerce

Agregar imágenes y galerías de productos a WooCommerce es esencial para su tienda. No puede vender sin mostrar una imagen para ese producto. Las imágenes se miden y configuran en píxeles, por ejemplo, 800 x 800 píxeles. Tenga en cuenta que el primer número es el ancho y el segundo es la altura.

Te recomiendo que organices tus imágenes en una carpeta de tu computadora y guardes una copia de respaldo en caso de que las necesites en el futuro o si has editado una incorrectamente y quieres volver al original.

Tipos de imágenes

WooCommerce usa tres tipos para agregar imágenes de productos para diferentes ubicaciones y propósitos:

  • La imagen de un solo producto es la imagen más grande y se refiere a la imagen principal / presentada en la página de detalles de su producto.
  • Imágenes del catálogo son imágenes de tamaño mediano que aparecen en los bucles de productos, como la página de la tienda, las páginas de categorías de productos, los productos relacionados, las ventas ascendentes y las ventas cruzadas.
  • Miniaturas de productos son las imágenes más pequeñas que se utilizan en el carrito, los widgets y las miniaturas (opcional) de la galería debajo de la imagen de producto única.

Agregar imágenes y galerías a productos

Agregar imágenes y galerías de productos son opciones disponibles a la derecha cuando agrega o edita un producto en su tienda desde WooCommerce> Productos.

Agregar imágenes y galerías
Agregar imágenes y galerías

Imagen del producto

Imagen del producto es la imagen principal de su producto y se reutiliza en diferentes tamaños en su tienda.

Seleccione – Establece la imagen del producto..

Establece la imagen del producto.
Establece la imagen del producto.

Seleccione una imagen existente en Librería de medios o Sube uno nuevo.

Librería de medios
Librería de medios

ELIMINAR y edición imagen del producto si desea cambiarla según sea necesario.

Agregar imágenes, eliminar o editar una imagen de producto se realiza de la misma manera que las imágenes presentadas para publicaciones y páginas. Es lo mismo que agregar una imagen estándar a un artículo para su blog de WordPress.

Agregar imágenes a la galeríaproductos

Agregar imágenes a la galería de productos

Las galerías de productos muestran todas las imágenes adjuntas a un producto a través del metabox Galeria de productos.

Crear un Galería de productos usando el mismo método que agregar una imagen de producto, pero usando el cuadro meta Galería de productos.

Galería de productos
Galería de productos

Reorganizar las imágenes en la galería de productos

Las imágenes de la galería de productos se pueden reordenar fácilmente arrastrando y soltando. Simplemente reorganice sus imágenes moviéndolas.

Mover imágenes
Mover imágenes

Eliminar imágenes de la galería de productos

Para eliminar una imagen de la galería de productos, coloque el mouse sobre la imagen y haga clic en “X” Rojo.

Eliminar imágenes de la galería de productos
Eliminar imágenes de la galería de productos

Vista del cliente

Una vez que se agregan una imagen y una galería de productos, los clientes pueden verlos en su tienda.

Vista del cliente
Vista del cliente

También es posible hacer Zoom y ver un primer plano de la imagen que pasa sobre él.

Zoom
Zoom

O los clientes pueden hacer clic en la opción Lupa en la esquina inferior izquierda.

Opción de lupa
Opción de lupa

Y aparece un Lightbox para que los clientes puedan ver un primer plano resaltado de la imagen sobre un fondo oscuro y, si lo hay, ver la Galería como una presentación de diapositivas.

Preguntas y respuestas

¿Cuál es el tamaño de imagen ideal para usar con WooCommerce?

Se recomienda un tamaño mínimo de 800 x 800 píxeles, ancho y alto. Esto es bueno para la imagen principal / presentada, la imagen del catálogo y la imagen en miniatura. Las imágenes más grandes son incluso mejores, especialmente si vende artículos con muchos detalles.

Puede utilizar imágenes de menor resolución. Sin embargo, sus imágenes son una herramienta clave para vender y promover productos y servicios en línea, por lo que deben ser de alta calidad. Pero CUIDADO: Asegúrese de estar optimizado para no obstaculizar la velocidad de carga del sitio.

¿Qué pasa si olvido establecer un tamaño de imagen?

WooCommerce establece automáticamente un tamaño para usted y genera imágenes para que los clientes las vean en el frente.

Mis imágenes son borrosas / confusas, ¿cómo puedo corregirlas?

Eche un vistazo a: Imágenes de productos borrosas: ¿cómo lo solucionamos en WooCommerce?

¿Qué es Lightbox en WooCommerce?

Lightbox es una función que abre su imagen o imágenes sobre un fondo oscuro, arrojándolas luz, similar a un casete de fotos de la vida real.

¿Puedo apagar Lightbox?

Sí, ver: Deshabilitar Lightbox en WooCommerce 3.0x. Tenga en cuenta que esta es una personalización más allá de lo que los desarrolladores de WooCommerce pueden ayudarlo. su política de asistencia.

¿Qué es Image Zoom en WooCommerce?

Si observa un producto y pasa el mouse sobre él, notará que la imagen está cerca de donde está el cursor. Esto es útil para observar más de cerca y más rápidamente los productos que pueden tener detalles complejos que no son claros en la imagen normal de la tienda.

¿Puedo desactivar la función de zoom de imagen?

Sí, por supuesto. Es solo que esto también es una personalización y los desarrolladores de WooCommerce no pueden ayudar en este sentido. Su política de asistencia Sin embargo, vea más sobre: Deshabilitar Zoom WooCommerce.

¿Cómo configuro el tamaño de la imagen en un tema personalizado?

Si crea un tema personalizado, es posible que desee configurar los ajustes de la imagen automáticamente. Utilice el fragmento aquí: Establecer el tamaño de la imagen en un tema personalizado.

No puedo ver la configuración de imagen del producto descrita en el Personalizador de WooCommerce.

Esto puede ocurrir por dos razones:

Utilice una versión de WooCommerce menor que 3.3x.

Su tema ha declarado soporte para un tamaño de imagen específico. Esto se puede deshacer usando el código proporcionado por Thematic Assistance en: Mejoras en la imagen de WooCommerce.

Compartir con tus amigos:

Deja un comentario