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.