Twist Product Gallery Slider for WooCommerce

El modo de variación decide cómo debes subir tus fotos

Vendes una mochila en varios colores y tienes fotos de cada uno. Puedes ponerlas todas en la galería del producto o repartirlas por variación, pero cada modo de Twist pide un montaje distinto: el clásico quiere las variaciones sin imágenes adicionales.

Twist Product Gallery Slider sustituye la galería de la ficha por un slider y permite asignar imágenes adicionales ilimitadas a cada variación, de modo que el conjunto cambie cuando cambia la elección.

Dos comportamientos que piden preparar las fotos de forma distinta

Cada modo funciona con una organización diferente:

• Modo predeterminado: la imagen de la variación reemplaza la imagen destacada y la primera miniatura.
• Modo clásico: el slider se desplaza hasta la imagen que corresponde a la variación. Todas las imágenes de variación deben estar en la galería principal, y las variaciones no llevan imágenes adicionales.

Controles de la galería en la ficha de producto

• Disposición: horizontal o vertical, con flechas, iconos, puntos y tres temas predefinidos de navegación por puntos.
• Lightbox: vista a pantalla completa con Fancybox, con zoom, miniaturas y reproducción automática.
• Zoom sobre la imagen y pies de foto en las diapositivas.
• Vídeo en la galería: YouTube, Vimeo y archivos propios.
• Autoplay, carga diferida y tamaños de imagen predefinidos o personalizados.
• Idiomas de derecha a izquierda y diseño adaptable a tabletas y móviles.

El vídeo se añade desde la biblioteca de medios: abres la imagen, pegas la dirección en el campo de vídeo y queda vinculado a esa imagen. En YouTube debe ser la dirección completa, porque los enlaces cortos youtu.be no funcionan.

Dos ajustes que evitan problemas visibles

Fotos borrosas. El slider usa por defecto el tamaño de imagen individual de WooCommerce, y por debajo de 600 px las imágenes pueden verse borrosas. Se corrige subiendo el tamaño en las opciones avanzadas. Como una imagen mayor puede ralentizar la página, conviene activar la carga diferida y usar un optimizador.

Saltos de diseño en móvil. Si la ficha sufre un CLS alto, se corrige fijando la altura de la galería con CSS, en el campo de CSS personalizado de los ajustes avanzados.

Temas con galería propia y puesta en marcha

El plugin reemplaza la galería desde un gancho de la plantilla estándar de producto, así que un tema con galería propia puede interferir. Porto, Enfold y Themify se resuelven con ajustes del tema. Stockholm y MF Multipurpose necesitan un tema hijo. Fey requiere CSS adicional. En una plantilla de producto hecha con Divi, Elementor o Beaver Builder, se usa el shortcode [product_gallery_slider].

Entre sus funciones no hay muestras de color para elegir la variación, y tampoco giros de 360 grados.

Necesitas WooCommerce activo y un tema que use la plantilla predeterminada de producto, o el shortcode si la construyes con un editor visual. Para empezar:

1. Activa el plugin y abre una ficha para comprobar que el slider aparece.
2. Elige el comportamiento de variación que encaje con tus fotos.
3. Edita una variación desde Datos del producto y usa Añadir imágenes.
4. Guarda los cambios de la variación y actualiza el producto.
5. Revisa nitidez y saltos de diseño en un móvil real.

Complementos del catálogo para esa misma ficha

Para elegir con muestras en lugar de desplegables, XT WooCommerce Variation Swatches ofrece color, imagen y etiqueta. WooCommerce 360º Image crea una rotación a partir de fotos de la galería. Y Product Video for WooCommerce está dedicado al vídeo de producto. Si combinas alguno con Twist, prueba antes la ficha completa, ya que varios actúan sobre la misma zona.

Seis respuestas sobre variaciones, vídeo y constructores

¿Cuántas imágenes puede tener cada variación?

No hay límite: las imágenes adicionales por variación son ilimitadas.

¿Debo poner las fotos de variación en la galería principal?

En el modo clásico, sí. Ese modo depende de que estén allí.

¿Por qué mis imágenes se ven borrosas?

Puede ocurrir si el tamaño queda por debajo de 600 px. Se ajusta en las opciones avanzadas del plugin.

¿Puedo usarlo con Elementor o Divi?

Sí. En Divi hay una opción en los ajustes avanzados, y en plantillas personalizadas se usa el shortcode.

¿Qué vídeos admite?

YouTube, Vimeo y archivos alojados en tu propio sitio.

¿Funciona con WPML?

Sí. El campo twist_video_url se copia y wavi_value se traduce si las imágenes cambian por idioma.