Skip to main content

D2. Imágenes - Subida de imágenes por administrador


El sistema de subida de imágenes en general

Es reconocible por presentar esta interfaz.

image.png 


Presenta un botón de tipo texto llamado "Editar imágenes".
Y previsualización de las imágenes subidas.

Al hacer clic en el botón se accede a la interfaz de edición de subida y gestión de imágenes por el administrador para presentar en la tienda.


image.png


Elemento

Función
botón con icono

image.png

Abre el explorador del dispositivo para seleccionar y cargar la

imagen. No requiere guardado. 

Visualización de imágenes subidas

Espacio en el que se visualiza miniatura de la imagen subida.

Al poner el cursor encima de una de las miniaturas mostrará en el espacio izquierdo la imagen en mayor tamaño.

image.png

Imagen con marco azul turquesa

Destaca la imagen definida como por defecto. Es la que se

mostrará en diferentes tamaños de visualización. Como por ejemplo; en el listado del producto del gestor (thumb), en la vista de los productos en la categoría, (list) entre otros.

Para definir la imagen por defecto se presenta un icono de estrella. Este icono aparece al poner el cursor sobre la miniatura de la visualización de la imagen. Al hacer clic en él se establece la imagen como por defecto.

Para eliminar la imagen aparece un icono de cubo de basura que actúa como botón para la acción.


image.png

Previsualización de imágenes

Además de permitir previsualizar las imágenes subidas

permite ordenar la posición en la que aparecen. Con clic en la imagen, mantener y arrastrar se puede cambiar la posición de las imágenes.

En el orden en el que están será en el orden que se verán.

Salvo la definida como por defecto que en otros modos de presentación será la que se muestre independientemente de la posición en la que esté en la previsualización.


Campo texto alternativo 

El editor de texto para la etiqueta ALT permite añadir o modificar el texto alternativo de una imagen.

Este texto describe brevemente el contenido o la función de la imagen, y se utiliza cuando la imagen no puede mostrarse o para mejorar la accesibilidad y el posicionamiento SEO del sitio web.


En el editor puedes escribir una descripción corta, precisa y relevante del elemento mostrado, como por ejemplo:
“Fotocopias en blanco y negro"  o  "Pedidos online de fotocopias.


image.png





  • Se pueden subir tantas imágenes como se considere. A tener en cuenta el modo y tamaño de visualización en la vista pública.

  • No es requerido guardar. Guarda automáticamente.

  • Aclarar que en el el maquetador Builder las imágenes no se suben directamente al servidor.



Desde el maquetador Builder

Dispone de un gestor de archivos para subida y gestión de las imágenes

image.png


Elemento

Función
Botón con icono

image.png

Acceder al buscador de imágenes en el gestor de archivos. 


image.png

Botón icono

image.png

Para crear carpetas para tener organizados los archivos subidos. Se recomienda nombrar las carpetas y archivos  en
formato_camello. 


image.png




Botón icono 

image.png

Para eliminar imágenes subidas.


image.png


Botón icono

image.png


Para subir imagen