Iconic Image Swap for WooCommerce

La primera foto de tu galería cambia de trabajo

Subiste las fotos de cada producto pensando en su propia página: una portada y después el resto, en el orden en que salieron. En el listado de la tienda solo se ve la portada, así que quien quiere otra vista tiene que abrir el producto, mirar y volver atrás. Y repetirlo con el siguiente.

Image Swap for WooCommerce lleva esas vistas al listado, sin salir de la tienda ni del catálogo. Al activarlo cambia algo que conviene tener presente: la imagen secundaria es la primera de la galería del producto. Esa foto, que hasta ahora vivía escondida dentro de la ficha, pasa a aparecer en el listado junto a la portada.

Por eso el trabajo de verdad está en revisar el orden de tus galerías, porque en cada producto decide cuál es la segunda foto que verá el comprador.

Nueve efectos para el listado de productos

• Fade: al pasar el ratón, la imagen se funde con la secundaria.
• Slide: un deslizador con flechas que recorre dos o más imágenes.
• Bullets: funciona como Slide, con viñetas que indican cuántas imágenes hay.
• Thumbnails: miniaturas bajo la imagen; al pulsar una, sustituye a la principal.
• Zoom: acerca la imagen al pasar el ratón.
• Picture-in-Picture: la secundaria aparece pequeña en una esquina y se intercambia al pulsarla.
• Modal Gallery: abre las imágenes en una galería grande a pantalla completa.
• Enlarge: una ampliación discreta de toda la imagen al pasar el ratón.
• Flip: un giro hacia la imagen secundaria al pasar el ratón.

Qué efecto conviene según lo que el cliente quiere ver

Los nueve pueden agruparse en cuatro usos:

• Otra vista del producto: Fade, Flip y Picture-in-Picture. Trabajan con dos imágenes, así que la primera de la galería debe aportar algo que la portada no enseña.
• Varias vistas seguidas: Slide, Bullets y Thumbnails, si tus productos tienen dos o más imágenes que merezca la pena recorrer.
• Más detalle de la misma foto: Zoom y Enlarge. No piden una segunda imagen, aunque la portada tiene que aguantar la ampliación.
• Una vista grande: Modal Gallery, para mirar con calma sin abrir la página del producto.

Fade, Zoom, Enlarge y Flip responden al paso del ratón. Si gran parte de tus visitas llega desde el teléfono, prueba en uno cómo se comportan con tu tema antes de decidir.

Su terreno y los temas con integración

Image Swap actúa en las páginas de tienda y catálogo. No crea fotos: un producto con una sola imagen no tiene nada que intercambiar en Fade, Flip o Slide.

Funciona con constructores como Elementor, que permiten añadir los efectos a cualquier listado de productos, y con temas de WooCommerce bien programados. Tiene integración oficial, con código adaptado por sus desarrolladores, para Kale, Martfury, X, Woodmart, Lay, BeTheme y Porto, además del plugin WooCommerce Show Single Variations. Con otras piezas de terceros, haz una prueba antes.

Requisitos y configuración en la tienda

Necesita WooCommerce y no pide escribir código. Esta es la secuencia para dejarlo funcionando:

1. Revisa el orden de las galerías de tus productos más vistos.
2. Instala el plugin y ve a WooCommerce > Image Swap.
3. En la pestaña General, elige el efecto en Display Settings > Effect y guarda.
4. Abre Effect Settings, busca la sección del efecto elegido y ajusta sus opciones.
5. Comprueba el resultado en la página de la tienda.

Cuándo encaja mejor otra pieza del catálogo

Si buscas un conjunto de herramientas para la tienda, Kadence Shop Kit reúne diecisiete, entre ellas una galería de producto con vídeo e imágenes de variación, selectores visuales de color y talla, lista de deseos y ventas adicionales.

Si el trabajo está en la página de cada producto, JetProductGallery crea galerías en cuadrícula o deslizador con Elementor y el editor de bloques, con imágenes agrupadas por variación.

Cuatro respuestas sobre la imagen secundaria y tu tema

¿De dónde sale la imagen secundaria?

Es la primera imagen de la galería del producto.

¿Funciona con mi tema?

Debería, si el tema está bien programado y es compatible con WooCommerce. Si no aparece entre las integraciones oficiales, pruébalo primero en una copia del sitio.

¿Sirve con Elementor?

Sí, los constructores como Elementor permiten aplicar los efectos a cualquier listado de productos.

¿Qué efecto vale si mis productos solo tienen una foto?

Zoom y Enlarge, que actúan sobre la propia imagen, y Modal Gallery, que admite una o más.