> ## Documentation Index
> Fetch the complete documentation index at: https://help.chateea.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Zoom de imágenes en la página de producto

> Elige cómo se amplían las fotos de tus productos: sin zoom, al pasar el cursor o en un visor a pantalla completa.

Cuando alguien compra en línea no puede tocar el producto, así que las fotos hacen ese trabajo. Con las opciones de zoom de imágenes de la página de detalle del producto decides cómo reaccionan tus fotos cuando el cliente pasa el cursor, hace clic o quiere verlas en grande. Así puede revisar texturas, etiquetas, colores y acabados sin salir de la página, y compra con más confianza.

## Opciones de zoom

La opción se configura en el elemento **Detalles del producto** de tu tienda. Hay tres comportamientos:

| Opción | Qué pasa | Cuándo usarla |
| - | - | - |
| **Sin zoom** | Las imágenes se ven normalmente, sin ninguna interacción adicional. | Tus productos no necesitan inspección de cerca o quieres una página simple. |
| **Zoom al hacer clic o pasar el cursor** | El cliente amplía una zona concreta de la imagen al hacer clic o pasar el cursor sobre ella. | Tus productos tienen detalles finos y tus clientes compran sobre todo desde computadora. |
| **Abrir en visor (lightbox)** | Al hacer clic, la imagen se abre en una ventana a pantalla completa con zoom, flechas para pasar de imagen y una tira de miniaturas. | Tienes varias fotos por producto y quieres que se vean en grande con navegación guiada. |

> [!NOTE]
>
> El zoom al hacer clic o pasar el cursor funciona mejor en computadora, con mouse o trackpad. Si la mayoría de tus clientes compra desde el celular, el visor a pantalla completa suele dar mejor experiencia.

## Diseños compatibles

El zoom funciona con estos diseños de galería de la página de producto:

* Galería apilada (Stack Gallery)
* Carrusel apilado (Stack Carousel)
* Diseño de dos columnas (Two-Column Layout)

El diseño de la galería y el tipo de zoom se eligen por separado, así que puedes combinarlos como prefieras.

> [!WARNING]
>
> El zoom solo se aplica a las **imágenes**. Si tu producto tiene videos, siguen apareciendo en la galería, pero no usan el zoom.

## Cómo configurar el zoom

**1. Abre tu tienda**

Entra en la tienda en línea que quieres editar.

**2. Edita la página de producto**

Abre la página de detalle del producto en el editor.

**3. Selecciona el elemento**

Haz clic en el elemento **Detalles del producto**.

**4. Busca la opción de zoom**

En la configuración de diseño del elemento, localiza la opción **Zoom de imagen** (Image Zoom).

**5. Elige el comportamiento**

Selecciona **Sin zoom**, **Zoom al hacer clic o pasar el cursor** o **Abrir en visor**.

**6. Guarda y publica**

Guarda los cambios y publica la página para que el nuevo comportamiento se vea en tu tienda.

> [!TIP]
>
> Sube fotos en buena resolución. El zoom solo es útil si la imagen original tiene detalle suficiente para ampliarse sin verse borrosa.

## Preguntas frecuentes

> **¿Funciona con todos los diseños de galería?**
>
> Funciona con la galería apilada, el carrusel apilado y el diseño de dos columnas.

> **¿El zoom funciona con los videos del producto?**
>
> No. Solo aplica a las imágenes.

> **¿Qué opción conviene para clientes que compran en computadora?**
>
> El zoom al hacer clic o pasar el cursor, porque está pensado para mouse o trackpad.

> **¿Los clientes pueden pasar de una imagen a otra en el visor?**
>
> Sí. El visor tiene botones de anterior y siguiente, y una tira de miniaturas para moverse entre las fotos.

> **¿Tengo que publicar la página después de cambiar el zoom?**
>
> Sí. Guarda y publica para que el cambio se vea en tu tienda.

> **¿Puedo usar el zoom en una página de producto personalizada?**
>
> Sí. Se configura desde el elemento **Detalles del producto**, también en páginas de producto personalizadas.

## Artículos relacionados

> **[Páginas de producto personalizadas](https://help.chateea.com/docs/tienda/pagina-de-producto-personalizada.md)**
>
> Diseña una página de detalle única para productos concretos.

> **[Estilos del selector de productos](https://help.chateea.com/docs/pagos/estilos-del-selector-de-productos.md)**
>
> Personaliza cómo se eligen variantes en la página de producto.

> **[Crear tu tienda en línea](https://help.chateea.com/docs/tienda/crear-tienda-en-linea.md)**
>
> Monta tu tienda desde cero.

> **[Productos relacionados](https://help.chateea.com/docs/tienda/productos-relacionados.md)**
>
> Sugiere otros productos en la página de detalle.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.