Centro de Ayuda

Ubicaciones

Este componente te permite mostrar las Ubicaciones que has añadido en el panel de administración de tu tienda, dentro de Configuración > Checkout > Ubicaciones.

Las opciones disponibles para personalizar este componente son las siguientes:

Ubicaciones a mostrar

Permite definir qué tipo de ubicaciones se mostrarán dentro del componente:

  • Todas las ubicaciones: se mostrará la lista completa de ubicaciones que tengas.
  • Ubicaciones de retiro: solo se mostrarán aquellas marcadas como Retiro.

Nota: La función Retiro local solo está disponible cuando se utiliza la versión de Checkout Estándar, lo cual puedes verificar en Configuración > Checkout > Formulario de Checkout dentro del panel de administración de tu tienda.


Columnas en escritorio

Permite definir la cantidad de columnas en las que las ubicaciones se organizarán en dispositivos de escritorio.

En dispositivos móviles, las ubicaciones se apilarán verticalmente, ocupando todo el ancho de la ventana del navegador.

La forma en que se organizan dependerá de lo definido en la siguiente tabla:

Dispositivo / Valor de opción 3 columnas 2 columnas 1 columna
Escritorio
(Igual o mayor a 992px)
3 columnas por fila horizontal 2 columnas por fila horizontal 1 columna, apilada verticalmente
Tablets
(Igual o mayor a 576px)
2 columnas por fila horizontal 2 columnas por fila horizontal 1 columna, apilada verticalmente
Móvil
(Igual o menor a 575px)
1 columna, apilada verticalmente 1 columna, apilada verticalmente 1 columna, apilada verticalmente

Alineación

Aquí encontrarás opciones para definir la alineación del contenido de las ubicaciones, tanto en dispositivos de escritorio como móviles.


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.


Información

Este grupo contiene opciones que te permiten elegir qué detalles de contacto mostrar:

  • Correo electrónico
  • Teléfono → Opcional. Si el campo de la ubicación está vacío, no se mostrará nada.
  • Dirección → Muestra la dirección completa de la ubicación, la cual será clicable y abrirá Google Maps.

Ventana emergente de detalles

Permite mostrar un enlace que abrirá una ventana emergente (Popup) al hacer clic, con todos los detalles de la ubicación.

Cuando se habilita, las siguientes opciones se volverán visibles:

  • Texto del enlace → texto que se mostrará en el enlace.
  • Mapa de dirección → muestra un mapa de Google dentro de la ventana emergente, basado en la dirección completa definida en la configuración de la ubicación.

Nota: El contenido de los campos Descripción e Instrucciones disponibles para cualquier ubicación marcada como Retiro también se mostrará dentro de esta ventana emergente.


Opciones de tarjeta

Este grupo contiene opciones que te permiten definir si las ubicaciones tendrán un estilo de “tarjeta” aplicado.

  • Estilo de tarjeta: habilita el estilo.
  • Espacio entre: permite definir si habrá espacio entre las tarjetas. 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.
  • Borde: muestra un borde alrededor de las tarjetas.
    • Opacidad del borde: permite definir la opacidad o transparencia del borde.
  • Colores del contenido de la tarjeta: permite elegir el Pack de colores para las tarjetas.

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.

¡Comienza tu viaje con nosotros!

Probar gratis por 7 días. No se requiere tarjeta de crédito.