Este artículo le muestra cómo hacer que la imagen de su producto ocupe todo el ancho., cubriendo el todo el ancho de la pantalla (y opcionalmente la altura) para un diseño moderno, limpio y visualmente impactante.
Paso 1: Acceda al Editor de GemPages
- Inicie sesión en su Administración de Shopify.
- Vaya al Aplicaciones > Generador de páginas GemPages > Páginas.
- Seleccione Producto para ver todas sus páginas de producto creadas con GemPages.

- Haga clic en la página objetivo para ingresar al editor.
Paso 2: Utilice una sección de ancho completo
Todo empieza con el contenedor. Si la sección no ocupa todo el ancho, la imagen tampoco lo ocupará.
- Haga clic en el elemento Fila que contiene la imagen del producto.

- En la sección Configuración pestaña en la barra lateral izquierda, desplácese hacia abajo hasta la Tamaño sección y asegurar la Ancho = Completo (100%).

Nota: La sección se extiende a lo largo de la ventana del navegador.
Paso 3: Insertar o editar el elemento de imagen del producto
Usted puede:
- Personaliza el incorporado Elemento de Imagen de Producto en su módulo de producto, O
- Utilice un sistema independiente Elemento Imagen para tener más control y agregar una imagen dinámica del producto como contenido.
Dentro de un módulo de producto
1. Seleccione Imagen de Producto Elemento.

2. Vaya a la Configuración pestaña en la barra lateral izquierda:
- En la sección Diseño , seleccione la opción Solo destacado Opción de diseño.

- En la sección Imagen Destacada sección, establezca el Marco = Original y la Ancho = 100%.

- Desplácese hacia abajo hasta la sección Alineación sección y seleccione alineado al centro.

Dentro de un elemento de imagen
1. Seleccione Imagen Elemento.

2. Vaya a la Configuración pestaña en la barra lateral izquierda:
- En la sección SCALE , elija Rellenar imagen para hacer que tu imagen llene este elemento.

- En la sección Tamaño sección, asegúrese de que Ancho & Altura se ponen a un 100%.

Paso 4. Guardar y publicar
- En la esquina superior derecha, pulsa Guardar para guardar los cambios.
- Puede hacer clic en el ícono del ojo para realice una vista previa su página antes de publicarla.
- Si todo está bien, Publicó la página para que aparezca en su tienda.

gracias por tus comentarios