Galería de logotipos

Este componente te permite mostrar una colección de imágenes, que pueden ser, por ejemplo, logos de las marcas que vendes en tu tienda, empresas asociadas, productos destacados o básicamente cualquier cosa que desees comunicar mediante imágenes.

Funciona añadiendo un subcomponente llamado Logo, y puedes añadir tantos como quieras. Nos referiremos a ellos como bloques.

Configuración del componente

Al hacer clic en el nombre del componente encontrarás opciones generales para personalizarlo, las cuales determinarán cómo se verá y se comportará la sección. Las opciones disponibles para este componente son las siguientes:

Ancho

Permite definir el ancho máximo al que el componente se ajustará en la ventana del navegador.

Puedes leer más sobre cómo esta opción afectará al componente en esta página.

Columnas en escritorio

Permite definir la cantidad de bloques que se mostrarán en dispositivos de escritorio con un ancho igual o superior a 768px.

Esto variará según lo que definas dentro de la opción Visualización que elijas a continuación:

Carrusel

Ancho del dispositivo	Cantidad de logos
≥ 1201px	Cantidad definida
≥ 992px	4 logos
≥ 768px	3 logos

Grid

Valor de la opción	Escritorio (≥ 992px)	Tablets (≥ 768px)
8	8 columnas	4 columnas
7	7 columnas	4 columnas
6	6 columnas	4 columnas
5	5 columnas	4 columnas
4	4 columnas	4 columnas
3	3 columnas	3 columnas
2	2 columnas	2 columnas

Columnas en móviles

Permite definir la cantidad de bloques que se mostrarán en dispositivos móviles con un ancho igual o menor a 767px.

Esto variará según lo que definas dentro de la opción Visualización que elijas a continuación:

Carrusel

Ancho del dispositivo	Cantidad de logos
≤ 575px	Cantidad definida
≤ 418px	Siempre 2 logos

Grid

Valor de la opción	Móvil (≤ 767px)
3	3 columnas
2	2 columnas
1	1 columna

Espacio entre

Esta opción permite definir si habrá espacio entre los bloques.

Nota: solo será visible y estará disponible si lo definido en la opción Espaciado dentro de Configuración del tema > Diseño > Estilos del tema es distinto de Ninguno.

Visualización

Permite definir si el contenido del componente se mostrará dentro de una sección del tipo Carrusel o Grid.

Puedes leer más sobre las diferencias entre estos dos tipos en esta página.

Opciones del carrusel

Este grupo de opciones se volverá visible cuando elijas Carrusel, y te permitirá personalizar su comportamiento.

Puedes encontrar la lista completa de opciones en esta página.

Opciones de imagen

Este grupo de opciones te permite mejorar cómo se entregan y muestran las imágenes dentro del componente.

Formatear imágenes

Permite formatear y redimensionar automáticamente las imágenes que subas en los bloques, según las siguientes opciones que encontrarás más abajo.

Dimensión

Define la dimensión en la que las imágenes serán mostradas.

Visualización

Recortar: Crea una versión miniatura de la imagen, recortándola para ajustarse exactamente al tamaño definido en la opción Dimensión, manteniendo la parte más importante centrada.

Por ejemplo, si definiste una dimensión cuadrada, esto garantizará que siempre mantenga esa forma, incluso si tu imagen original era rectangular.

Redimensionar: Mantiene las proporciones originales de la imagen (no la recorta) y simplemente la reduce para ajustarse al espacio disponible, ya que se adapta automáticamente sin cortar nada.

En resumen:

• Recortar hace que tu imagen se ajuste a dimensiones exactas.
• Redimensionar mantiene las proporciones originales y la escala hacia abajo.

Opciones de encabezado

Al habilitar esta opción, se mostrará una sección de Encabezado antes del contenido del componente. Puedes encontrar la lista de opciones en esta página.

Apariencia

Este grupo contiene las siguientes opciones para personalizar el componente:

• Margen superior: permite controlar el margen superior de la sección.
• Margen inferior: permite controlar el margen inferior de la sección.
• Colores del contenido: permite elegir el Pack de colores para el componente.

Animaciones

La opción Personalizar opciones permite ajustar las animaciones para este componente específico. Puedes leer cuáles están disponibles en esta página.

---

---

Configuración del subcomponente

Como se mencionó antes, el subcomponente de la Galería de logotipos se llama Logo, y sus opciones son las siguientes:

Imagen

Permite subir la imagen o logo.

Nota: los formatos ideales sugeridos son .webp, .jpg o .svg. Trata de evitar el uso de formatos como .png.

Enlace

Esta opción permite añadir un enlace al bloque, lo que lo hará completamente clicable.

Las siguientes opciones se volverán visibles una vez que añadas uno:

• Enlazar imagen: permite mostrar la imagen del enlace seleccionado (para productos, categorías y páginas), si ha sido añadida desde el panel de administración de la tienda.
• Texto del enlace: texto que se mostrará cuando el usuario pase el cursor sobre la imagen.
• Enlace externo: si está habilitado, el enlace se abrirá en una nueva pestaña del navegador.