Mostrar imágenes en una galería de imágenes

Con el elemento de contenido Galería de imágenes, puedes destacar varias imágenes a la vez en un diseño en cuadrícula. Esto podría ser útil para ofrecer a los clientes una visión de tu tienda física, del proceso de fabricación de tus productos o de tu negocio en general.

Información

Para mostrar imágenes de gran formato de manera rotativa en lugar de una galería de imágenes, puedes utilizar el elemento de contenido Carrusel de imágenes.

Añadir una galería de imágenes

Estos son los pasos que hay que seguir para añadir una galería de imágenes a una página y determinar qué imágenes quieres destacar:

1. En la barra lateral de la administración, dirígete a Editor.
   Se abre el Editor.
2. Dirígete a Páginas.
3. Selecciona la página que te gustaría editar o añade una página nueva.
   Se abre una vista previa de la página en la parte derecha.
4. Dirígete a Elementos de contenido → Imágenes.
5. Selecciona la categoría Galería.
6. Arrastra y suelta el elemento de contenido Galería de imágenes a la posición deseada. Tan solo puedes soltar elementos de contenido en las áreas azules de la página.
7. Selecciona Añadir imágenes.
   Aparece la vista Añadir imágenes. Aquí puedes asignar un total de hasta 24 imágenes a la galería de imágenes.
8. Arrastra y suelta la imagen en la vista Añadir imágenes o selecciona Añadir imágenes para elegir las imágenes de tu dispositivo.
9. Una vez subidas todas las imágenes, selecciona Guardar.
   Si tienes algún problema al añadir las imágenes o al guardar los cambios realizados, encontrarás más información abajo, en el apartado Solución de problemas.

Has añadido una galería de imágenes a tu tienda.

El diseño en cuadrícula de tu galería de imágenes depende en gran medida de las imágenes que hayas añadido, ya que la galería de imágenes está diseñada para presentar siempre tus imágenes de la mejor manera posible. Por lo tanto, el diseño en cuadrícula se basa en el número de imágenes añadidas y en su relación de aspecto.

Además, la galería de imágenes es reactiva, es decir, el diseño en cuadrícula de tu galería de imágenes se ajustará al tamaño de la pantalla del dispositivo de tu visitante. Así pues, el número de columnas y filas puede variar, pero tus imágenes siempre se mostrarán en el mismo orden.

Hacer cambios en la galería de imágenes

Para hacer cambios en una galería de imágenes, primero abre la página con la galería de imágenes correspondiente en el Editor. Allí puedes añadir más imágenes, editar e intercambiar imágenes que ya se hagan cargado, pero también eliminar imágenes de tu galería de imágenes.

Atención

Ten en cuenta que al añadir, editar o eliminar imágenes, se cambia el diseño en cuadrícula de tu galería de imágenes, ya que esta se basa en el número de imágenes añadidas y su relación de aspecto.

Añadir imágenes

Puedes añadir imágenes a una galería de imágenes existente en cualquier momento. Ahora bien, ten en cuenta que no puedes añadir más de 24 imágenes.

1. Selecciona la galería de imágenes o pasa el ratón por encima y selecciona en la esquina derecha superior.
   Aparece la vista Editar galería de imágenes. En la esquina inferior izquierda de la vista, puedes ver cuántas imágenes has añadido ya.
2. Debajo de las imágenes que ya has añadido, selecciona Añadir imágenes y elige las imágenes adicionales que deseas añadir desde tu dispositivo.
3. Una vez subidas todas las imágenes, selecciona Guardar.
   Si tienes algún problema al añadir las imágenes o al guardar los cambios realizados, encontrarás más información abajo, en el apartado Solución de problemas.

Has añadido imágenes adicionales a la galería de imágenes.

Editar imágenes

Puedes añadir un texto alternativo y un enlace a cada imagen de una galería de imágenes. Además, puedes intercambiar imágenes individuales.

1. Selecciona la galería de imágenes o pasa el ratón por encima y selecciona en la esquina derecha superior.
   Aparece la vista Editar galería de imágenes.
2. Selecciona la imagen que te gustaría editar o pasa el ratón por encima y selecciona en la esquina derecha superior de la imagen.
3. Aquí tienes las siguientes opciones:
   

   Opción	Descripción
   Cambiar imagen	Sustituye la imagen seleccionando en la esquina derecha de la ventana. A continuación, puedes seleccionar una imagen nueva de tu dispositivo que deseas añadir en su lugar.
   Texto alternativo	Añade un texto alternativo para la imagen correspondiente. Información Este texto alternativo es una descripción de la imagen que se puede utilizar para optimizar la navegación de los buscadores, puede ser leído por lectores de pantalla o aparecer en caso de que no se pueda mostrar la imagen. La descripción debe ser breve pero concisa. Por ejemplo: «Dos vasos de vino blanco sobre una mesa decorada».
   Enlace	Si quieres añadir un enlace a tu imagen, añádelo a este campo. Cuando los usuarios seleccionan la imagen respectiva, se les redirigirá a este enlace. De esta manera puedes convertir las imágenes en botones. El enlace no será visible en la imagen. Para abrir el enlace añadido, los clientes pueden seleccionar cualquier parte de la imagen. Ten en cuenta que el enlace solo se añade a la imagen respectiva, no a la galería de imágenes en conjunto. Si quieres enlazar a un producto/página interna, selecciona Páginas o Productos. Luego puedes seleccionar el elemento al que quieres enlazar. Alternativamente, también puedes introducir términos de búsqueda en el campo Introd. enlace o buscar página/producto para encontrar más fácilmente el elemento al que quieres enlazar. Atención También puedes seleccionar productos a través del selector de enlaces que actualmente están configurados como no visibles en las opciones del producto. Incluso si un producto está configurado como no visible, todavía se puede acceder a este a través de su URL. Sin embargo, no se puede incluir en el pedido. Si quieres añadir un enlace a un sitio web externo, introduce el enlace deseado en el campo Introd. enlace o buscar página/producto. Confirma seleccionando a la derecha del campo de enlace. Para dejar de utilizar el enlace, selecciona a la derecha del campo de enlace.
   Abrir enlace en una nueva pestaña	Si has añadido un enlace, también puedes activar opcionalmente la casilla de verificación Abrir enlace en una pestaña nueva. El enlace se abrirá en una nueva pestaña cuando los visitantes seleccionen la imagen. Si no activas la casilla, el enlace se abrirá en la pestaña actual del navegador. Te recomendamos que actives la casilla de verificación si introduces un enlace a una página externa, por ejemplo, un vídeo de YouTube. De este modo, tus visitantes seguirán teniendo la posibilidad de volver a tu tienda de forma sencilla cambiando de pestaña.

4. Seleccionar Aplicar.
5. Cuando hayas terminado, selecciona Guardar.

Has actualizado la galería de imágenes.

Eliminar imágenes

También puedes eliminar imágenes individuales de una galería de imágenes.

1. Selecciona la galería de imágenes o pasa el ratón por encima y selecciona en la esquina derecha superior.
   Aparece la vista Editar galería de imágenes.
2. Selecciona la imagen que deseas editar o pasa el ratón sobre ella y selecciona en la esquina derecha superior.
3. Selecciona Guardar.

Has eliminado la imagen de la galería de imágenes.

Solución de problemas

En las siguientes secciones, encontrarás información sobre cómo resolver los problemas/errores que pueden surgir al añadir imágenes a tu galería de imágenes.

• Tu tienda admite los siguientes formatos de imagen: JPG, PNG y GIF. Si tus imágenes no están en uno de estos formatos, tendrás que cambiar su formato de archivo para poder subirlas a tu tienda. Para obtener más información, consulta Descubre los formatos de archivo de imagen.

• Si el tamaño del fichero de una imagen supera los 20 megabytes (MB), dispones de dos opciones:

  Opción 1: cambiar el formato de archivo de la imagen

  Puedes subir imágenes a tu tienda en los formatos JPG, PNG o GIF. Estos formatos tienen características diferentes que también afectan al tamaño de archivo. Por consiguiente, cambiar el formato de archivo de la imagen puede reducir el tamaño de archivo. Para obtener más información, consulta Descubre los formatos de archivo de imagen.

  Opción 2: comprimir la imagen

  Puedes comprimir la imagen para reducir el tamaño del archivo (por ejemplo, reduciendo la resolución). Para ello, puedes utilizar editores de imágenes básicos, por ejemplo cuando abras la imagen en tu dispositivo. Para más información sobre cómo hacerlo, consulta la información de ayuda de la herramienta que hayas elegido. También puedes utilizar varias herramientas gratuitas en línea.
  
  Ten en cuenta que la calidad de la imagen puede verse afectada al comprimirla.

• Existen dos motivos por los que el botón Guardar está deshabilitado.

  Motivo 1: tus imágenes todavía se están cargando

  En función del número y del tamaño de las imágenes que desees añadir al mismo tiempo a la galería de imágenes, es posible que la carga tarde un poco. Puedes ver una barra de progreso en cada imagen que todavía no se ha cargado por completo. En cuanto hayas cargado todas las imágenes, puedes volver a seleccionar Guardar.

  Motivo 2: has añadido más de 24 imágenes

  Solo puedes añadir un máximo de 24 imágenes a la galería de imágenes. Para poder guardar los cambios realizados, debes eliminar imágenes. En cuanto tu galería de imágenes incluya 24 imágenes o menos, puedes volver a seleccionar Guardar.

• Puedes subir GIFs a la galería de imágenes, pero no pueden tener más de 100 fotogramas. Existen herramientas online gratuitas que pueden ayudarte a reducir la frecuencia de imagen de tu GIF. Para obtener más información, consulta Descubre los formatos de archivo de imagen.

• Tu tienda admite resoluciones de imagen con una anchura máxima de 7000 píxeles y una altura máxima de 7000 píxeles.
  
  Si tu imagen supera esta resolución, puedes reducir su tamaño con la ayuda de editores de imágenes básicos, por ejemplo al abrir una imagen en tu dispositivo. Para más información sobre cómo hacerlo, consulta la información de ayuda de la herramienta que hayas elegido. También puedes utilizar varias herramientas gratuitas en línea.
  
  Ten en cuenta que la calidad de la imagen puede verse afectada cuando reduzcas la resolución.