Tutoriales
Atrás

Cómo configurar el encabezado de tu tienda


Hoy vamos a configurar el encabezado o el logotipo y el título de tu aplicación.

Esta es la parte superior de tu aplicación, que siempre está visible y accesible en todas las secciones.

El encabezado tiene 4 objetivos
Muestra la identidad de tu aplicación
Dar un título a una sección
Mostrar atajos
Navegar en la aplicación

Entonces, vayamos al menú Contenido y diseño> Diseño> Diseño general

Haz clic en Logo & título

Aquí puedo o agregar el título en formato de texto o agregar un logotipo

Realmente estoy buscando algo de marca, así que agrego un logotipo

Ya lo tenía listo :)

¡Voila!

Ahora estoy seleccionando la alineación del logo: a la derecha o centrada

Fácil, ¿no?

Pero quieres hacer más, ¿verdad? lo sabía

Puedes personalizar tu encabezado aún más activando el menú avanzado aquí

Ahora tengo mas opciones
Puedo cambiar el color de la fuente, el separador, agregar imágenes de fondo
También puedo agregar enlaces a mi encabezado
Agregaré un enlace al carrito. Haz clic en agregar una acción, seleccione el icono y establezca el color del acceso directo. Perfecto

Para la PWA, puedes elegir el título del acceso directo en computadoras de escritorio y tabletas

El color del carrit está hecho.

Último paso los otros elementos del encabezado:
Es decir, la flecha hacia atrás que se mostrará cuando tus usuarios naveguen por tu catálogo. Dependiendo de tu plantilla de navegación, puedes tener otras opciones. Por ejemplo, con Swipe, puedes elegir el icono para abrir el menú.
Estoy agregando el video en las plantillas de navegación en la barra de información

Hagamos una vista previa

¡Finalizado!

Déjame mostrarte el resultado final

Ahora sabes cómo personalizar el encabezado de tu tienda

Nos vemos muy pronto para otro tutorial.

Vídeos similares