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
- Entra a Productos desde el menú lateral.
- Si estás creando un producto nuevo, abre Agregar Producto. Si el producto ya existe, entra a su ficha.
- En la columna derecha del formulario, ubica la tarjeta Galería de Producto.
- Si aún no hay imágenes, verás un estado vacío con Sin imágenes y el acceso Agregar primera imagen.
- Si ya hay imágenes cargadas, verás una vista previa principal, miniaturas abajo y el botón Gestionar.
- Haz clic en Gestionar para abrir el modal Gestor de Multimedia.
- 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
- Dentro de Gestor de Multimedia, usa Haz clic para subir o arrastra los archivos a la zona punteada.
- Carga solo archivos de imagen. La interfaz está pensada para formatos como JPG, PNG, WEBP y GIF.
- Si arrastras archivos que no son imagen, Flobu los ignorará y te avisará que solo se permiten imágenes.
- Espera a que terminen de subir. Mientras se procesan, verás placeholders de carga dentro de la grilla.
- 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.
- Cuando termines, cierra el modal con Aceptar.
- 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
- Vuelve a abrir Gestionar si necesitas reorganizar la galería.
- Pasa el cursor sobre cada imagen y usa las flechas para moverla hacia atrás o hacia adelante.
- 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.
- Si una imagen quedó mal, usa la X sobre esa tarjeta y confirma Eliminar.
- 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.
- 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.
- Cierra con Aceptar y finalmente guarda el producto con Agregar Producto o Guardar cambios.
- 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.