Ir al contenido

Ajustes de galería de productos

Ajuste el diseño de la galería de productos, el comportamiento de los medios por variante, el zoom y la reproducción de vídeo en todos los dispositivos.

Use estos ajustes para controlar cómo se presentan los medios del producto en escritorio y móvil. Le ayudan a equilibrar la visibilidad de las imágenes, la información del producto, el comportamiento de los medios específicos de la variante y la reproducción de vídeo, de modo que la galería se adapte tanto a su catálogo como al diseño de la página del producto. Para una vista general más amplia de cómo encajan estos controles en el editor de temas, consulte la documentación de Shopify sobre el editor de temas

Este grupo de ajustes cubre las principales opciones de visualización para imágenes y vídeos de productos. Para ver el inventario completo de controles disponibles, consulte la referencia de ajustes de la galería de productos y la documentación de Shopify sobre secciones y bloques

Puede elegir proporciones de aspecto de imagen distintas para escritorio y móvil. Esto es especialmente útil cuando su catálogo incluye una mezcla de fotos verticales, imágenes cuadradas y fotografía de estilo de vida más ancha.

Para obtener el resultado más limpio, ajuste la proporción de visualización a la forma de sus imágenes de origen. Si las fotos de sus productos varían mucho de un producto a otro, una proporción de visualización coherente puede hacer que la experiencia general parezca más pulida, pero no ocultará por completo los recortes incoherentes.

Si las imágenes de producto están encuadradas de forma muy distinta en todo su catálogo, cambiar la proporción de visualización puede mejorar la coherencia, pero aun así puede hacer que algunos productos se vean más ajustados o más amplios que otros.

Los controles de diseño solo para escritorio le permiten elegir la posición de la galería y el ancho relativo de las columnas de medios e información del producto. Use estos ajustes para decidir si las imágenes o los detalles de compra deben tener más peso visual.

Una columna de medios más amplia suele funcionar mejor cuando los clientes dependen mucho de lo visual, como en ropa, arte o productos artesanales detallados. Las columnas más equilibradas suelen ser más fáciles de revisar cuando las especificaciones, las opciones o el contenido descriptivo importan tanto como las imágenes.

Como en móvil siempre se apilan en una sola columna, trate la posición de la galería como una decisión de presentación para escritorio y no como una regla de diseño para varios dispositivos. Si usa medios con estilo de deslizador, revise por separado los diseños de escritorio y móvil, porque la navegación, la paginación y el comportamiento de vista previa pueden diferir de una cuadrícula estática o de una presentación apilada.

El estilo de la galería controla cómo se desplazan los clientes por los medios del producto en cada dispositivo. Los diseños con varias imágenes pueden facilitar la comparación de ángulos y detalles, mientras que una presentación mantiene la página más compacta y centrada.

Los estilos de escritorio y móvil se configuran por separado, lo que le da margen para usar un diseño más rico en pantallas grandes y uno más sencillo en pantallas pequeñas. Suele ser el mejor enfoque cuando desea que los medios del producto se sientan amplios en escritorio sin hacer que la navegación en móvil resulte recargada.

Si decide ocultar la galería, asegúrese de que el resto de la página del producto siga ofreciendo a los clientes suficiente contexto visual para entender lo que están comprando.

El comportamiento de la imagen de variante controla qué ocurre con la galería cuando un cliente selecciona una variante distinta. Puede mantener la galería sin cambios, actualizar la imagen principal para que coincida con la selección o limitar la galería a la imagen de la variante seleccionada.

Actualizar la imagen principal suele ser la opción más flexible, porque refleja la selección del cliente sin eliminar el resto de la galería. Mostrar solo la variante seleccionada puede funcionar bien cuando cada opción tiene su propia fotografía dedicada y desea evitar mostrar medios no relacionados.

Los ajustes de zoom controlan si las imágenes de producto siguen la preferencia general de zoom del tema, se abren en una lightbox o evitan por completo el zoom. Esto le ayuda a decidir cuánto detalle pueden inspeccionar los clientes desde la galería.

El zoom en lightbox es más útil cuando el detalle visual fino importa, como en la textura, el acabado, el patrón o la artesanía. Si sus imágenes son más atmosféricas o ya se muestran desde lejos, el zoom puede aportar menos valor y puede dejarse más simple.

Los controles de vídeo le permiten decidir si los vídeos de la galería se reproducen automáticamente, se repiten, se inician silenciados y muestran controles del reproductor. Estos ajustes afectan a cuán prominente se siente el movimiento dentro de la experiencia de medios del producto.

La reproducción automática puede hacer que las demostraciones cortas de producto resulten más atractivas, especialmente cuando el movimiento ayuda a explicar el producto. La reproducción silenciada suele ser la opción más segura, porque reduce la sorpresa, y los controles visibles son útiles cuando los clientes pueden querer pausar, volver a reproducir o avanzar por un clip más largo.

La repetición es más adecuada para vídeos cortos de presentación. En demostraciones más largas, la repetición puede empezar a resultar repetitiva o distrayente.

  1. Mantenga coherente el encuadre de las imágenes. Elija proporciones de aspecto que encajen con la fotografía real de sus productos para que la galería se perciba intencionada en todo el catálogo.
  2. Haga que el diseño coincida con el estilo de venta. Dé más espacio a la galería cuando lo visual impulse la decisión, y use columnas más equilibradas cuando los detalles del producto necesiten el mismo peso.
  3. Revise ambas vistas. Las galerías con estilo de deslizador pueden comportarse de forma distinta en escritorio y móvil, así que compruebe la navegación, las vistas previas y el espaciado en ambos tamaños de pantalla.
  4. Use con cuidado las anulaciones de medios. Cuando establezca medios distintos para escritorio y móvil, espere cambios en el recorte, la carga y la legibilidad, especialmente en pantallas pequeñas.
  5. Use con criterio el comportamiento solo para variantes. Restrinja la galería a la variante seleccionada solo cuando cada opción tenga una cobertura de medios sólida y completa.
  6. Tenga cuidado con la reproducción automática. El vídeo silenciado con controles visibles suele ser la configuración más cómoda para el cliente cuando desea movimiento sin que la página resulte invasiva.