Guía para la Galería de Temas
Este artículo de soporte explica cómo administrar temas en la galería de temas de su tienda.Cubre las diferencias entre el tema aplicado, que es el...
Barra de Confianza
Este componente te permite mostrar información sobre tu tienda que quieras destacar o que sea relevante para tus clientes.
Generalmente se usa, por ejemplo, para mostrar temas como tus Métodos de pago, Opciones de envío, entre otros contenidos que puedan ser necesarios.
Funciona añadiendo múltiples subcomponentes llamados Trust block, a los cuales nos referiremos —para efectos prácticos— 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:
Columnas
Encontrarás dos opciones para definir la cantidad de columnas en las que los bloques serán mostrados en dispositivos de escritorio y móviles, lo cual variará dependiendo de lo que elijas en la opción Visualización, según las definiciones de las siguientes tablas:
Carousel (todos los dispositivos)
| Ancho del dispositivo | Cantidad de columnas |
|---|---|
| ≥ 992px | Cantidad definida para escritorio |
| ≥ 768px | 3 columnas |
| ≥ 415px | Cantidad definida para móvil |
| ≤ 414px | 1 columna |
Grid
Columnas en escritorio aplicará a dispositivos con un ancho ≥ 576px, mientras que Columnas en móvil aplicará a dispositivos con un ancho ≤ 575px.
| Dispositivo de escritorio / Valor de opción | 4 columnas | 3 columnas | 2 columnas | 1 columna |
|---|---|---|---|---|
|
Escritorio (≥ 992px) | 4 columnas por fila horizontal | 3 columnas por fila horizontal | 2 columnas por fila horizontal | 1 columna, apiladas verticalmente |
|
Tablets (≥ 576px) | 3 columnas por fila horizontal | 3 columnas por fila horizontal | 2 columnas por fila horizontal | 1 columna, apiladas verticalmente |
| Dispositivo móvil / Valor de opción | 2 columnas | 1 columna | |
|---|---|---|---|
|
Móvil (≤ 575px) | 2 columnas, apiladas verticalmente | 2 columnas, apiladas verticalmente | 2 columnas, apiladas verticalmente |
|
Móvil pequeño (≤ 414px) | 1 columna, apiladas verticalmente | 1 columna, apiladas verticalmente | 1 columna, apiladas verticalmente |
Visualización
Permite definir si el contenido del componente será mostrado dentro de una sección del tipo Carousel o Grid.
Puedes leer más sobre las diferencias entre estos dos tipos en esta página.
Opciones del Carousel
Este grupo de opciones se volverá visible cuando elijas Carousel, y te permitirá personalizar su comportamiento.
Puedes encontrar la lista completa de opciones en esta página.
Opciones de los bloques
El siguiente grupo de opciones te permitirá personalizar cómo se verán y comportarán los bloques:
Alineación
Encontrarás dos opciones para definir la alineación del contenido de los bloques, tanto para escritorio como para dispositivos móviles.
Mostrar íconos
Permite definir si los íconos estarán disponibles para mostrarse dentro de los bloques.
Tamaño del ícono
Al habilitar la opción anterior, esta se volverá visible y te permitirá definir el tamaño de los íconos.
Estilo de tarjeta
Permite aplicar un estilo tipo “tarjeta” o “caja” a todos los bloques. Las siguientes opciones estarán disponibles cuando se habilite esta opción:
-
Espacio entre: permite definir si los bloques tendrán espacio entre ellos o no. Solo será visible y estará disponible si lo definido en la opción Espaciado dentro de
Configuración del tema > Diseño > Estilos del temaes diferente deNinguno. - Borde exterior: muestra un borde (o línea) alrededor de los bloques.
- Borde interior: muestra un borde (o línea) en la parte interna de los bloques.
- Opacidad del borde: permite ajustar la opacidad (transparencia) de ambos bordes.
- Colores del contenido de la tarjeta: permite elegir el Pack de colores para todos los bloques.
Opciones de encabezado
Al habilitar esta opción, se mostrará una sección de Encabezado antes del contenido del componente. Puedes consultar 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ó anteriormente, el subcomponente del componente Barra de Confianza se llama Trust block, y puedes añadir tantos como necesites para mostrar la información necesaria a tus clientes.
Las opciones para este subcomponente son las siguientes:
Ícono
Permite añadir un ícono al bloque.
Su posición será determinada según lo que elijas en las opciones de Alineación dentro de la configuración principal del componente.
Nota: esta opción solo será visible si
Mostrar íconosestá habilitado dentro de la configuración del componente principal.
Título
Permite añadir un título al bloque.
Texto
Permite añadir un texto debajo del título para dar más contexto sobre el contenido del bloque.
Enlace
Permite añadir un enlace hacia cualquier contenido de la tienda, como categorías, productos, páginas o enlaces externos.
Al añadirlo, se mostrarán las siguientes opciones disponibles para su uso:
- Texto del enlace: texto que se mostrará dentro del enlace.
- Flecha en enlace: permite mostrar un ícono de flecha al lado derecho del texto del enlace.
- Enlace externo: si está habilitado, el enlace se abrirá en una nueva pestaña del navegador.
