Cargar imagenes de producto correctamente

Qué vas a lograr

• Subir imágenes de producto desde el Gestor de Multimedia usando el flujo real de Flobu.
• Ordenar la galería para dejar una imagen principal correcta.
• Entender la diferencia entre administrar la galería y guardar finalmente el producto.

---

Paso a paso en Flobu

Cómo funciona la interfaz de Flobu en este tutorial

• Menú lateral: en este tutorial usarás Productos.
• Panel central: trabajarás en Agregar Producto o en la ficha de un producto ya creado, usando la tarjeta Galería de Producto.
• Acciones clave: usarás Gestionar, Agregar primera imagen, el modal Gestor de Multimedia, Aceptar y luego Agregar Producto o Guardar cambios para confirmar la galería en el producto.
• Alcance de este tutorial: este flujo sirve para subir, ordenar y quitar imágenes de la galería del producto. Aquí no encontrarás herramientas de recorte, filtros o edición visual avanzada.

---

1) Entrar a la galería del producto y reconocer la pantalla correcta

1. Entra a Productos desde el menú lateral.
2. Si estás creando un producto nuevo, abre Agregar Producto. Si el producto ya existe, entra a su ficha.
3. En la columna derecha del formulario, ubica la tarjeta Galería de Producto.
4. Si aún no hay imágenes, verás un estado vacío con Sin imágenes y el acceso Agregar primera imagen.
5. Si ya hay imágenes cargadas, verás una vista previa principal, miniaturas abajo y el botón Gestionar.
6. Haz clic en Gestionar para abrir el modal Gestor de Multimedia.
7. Revisa la estructura del modal antes de seguir: arriba está la zona de carga, abajo está la grilla Galería con las imágenes actuales del producto.

Resultado esperado:

• Estás trabajando dentro de la galería correcta del producto.
• Reconoces el modal donde Flobu permite subir y organizar las imágenes.

---

2) Subir las imágenes con el flujo correcto de Flobu

1. Dentro de Gestor de Multimedia, usa Haz clic para subir o arrastra los archivos a la zona punteada.
2. Carga solo archivos de imagen. La interfaz está pensada para formatos como JPG, PNG, WEBP y GIF.
3. Si arrastras archivos que no son imagen, Flobu los ignorará y te avisará que solo se permiten imágenes.
4. Espera a que terminen de subir. Mientras se procesan, verás placeholders de carga dentro de la grilla.
5. Sube primero una imagen clara y representativa del producto. Esa decisión importa porque luego podrás usar el orden para definir la miniatura principal.
6. Cuando termines, cierra el modal con Aceptar.
7. Ten presente esta diferencia importante: cerrar el Gestor de Multimedia no reemplaza el guardado final del producto. Para dejar la galería asociada al producto, después debes usar Agregar Producto o Guardar cambios.

Resultado esperado:

• Las imágenes quedan cargadas en la galería del producto dentro del formulario.
• Entiendes que el modal sube archivos y actualiza la galería visible, pero el alta o actualización final del producto sigue siendo un paso aparte.

---

3) Ordenar, limpiar la galería y dejar una imagen principal correcta

1. Vuelve a abrir Gestionar si necesitas reorganizar la galería.
2. Pasa el cursor sobre cada imagen y usa las flechas para moverla hacia atrás o hacia adelante.
3. Deja en la posición #1 la imagen más fuerte del producto. En Flobu, el orden importa y la primera imagen pasa a ser la referencia principal que luego se usa como miniatura del producto.
4. Si una imagen quedó mal, usa la X sobre esa tarjeta y confirma Eliminar.
5. Ten presente el alcance real de esta acción en este flujo: aquí estás quitando la imagen de la galería del producto actual, no usando un editor de imágenes.
6. Si luego vas a asignar imágenes específicas por variante, recuerda que esas variantes solo podrán elegir entre las imágenes que mantengas en esta galería del producto.
7. Cierra con Aceptar y finalmente guarda el producto con Agregar Producto o Guardar cambios.
8. Verifica el resultado en la ficha del producto y, si corresponde, en el listado de Productos, para confirmar que la miniatura principal quedó correcta.

Resultado esperado:

• La galería queda ordenada, limpia y con una imagen principal bien elegida.
• El producto conserva una presentación visual coherente en su ficha y en los listados.

---

Checklist final rápido

• Entré a Galería de Producto desde el formulario del producto.
• Usé Gestionar o Agregar primera imagen para abrir el gestor.
• Subí solo archivos de imagen válidos.
• Esperé a que terminara la carga antes de seguir.
• Ordené la galería dejando una imagen principal en la posición #1.
• Quité las imágenes que no quería mantener en la galería del producto.
• Cerré el modal con Aceptar.
• Guardé el producto con Agregar Producto o Guardar cambios.
• Verifiqué que la miniatura principal quedó correcta en el producto.

---

Errores comunes

• Subir imágenes y cerrar el modal pensando que eso ya guardó definitivamente el producto. En Flobu todavía debes usar Agregar Producto o Guardar cambios.
• Dejar en primer lugar una imagen poco clara o secundaria. La primera posición importa porque Flobu la usa como referencia principal del producto.
• Intentar cargar PDF, documentos u otros archivos no visuales en este gestor. Este flujo está pensado solo para imágenes.
• Quitar de la galería una imagen que luego querías usar en una variante. Las variantes solo pueden seleccionar imágenes que sigan dentro de la galería del producto.