Migas de pan

Enlaces destacados

1. Documentación de Company XYZ sobre el bloque Breadcrumbs
2. Documentación de Company XYZ sobre iconos
3. Documentación de Company XYZ sobre el bloque Breadcrumb
4. Documentación de Company XYZ sobre ajustes de color
5. Documentación de Company XYZ sobre ajustes de visibilidad
6. Documentación de Shopify sobre secciones y bloques
7. Documentación de Shopify sobre el editor de temas

Videos útiles

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Use este bloque para mostrar una ruta de migas de pan cerca de la parte superior de una página, de modo que los clientes puedan entender rápidamente dónde están y volver a páginas más amplias. Funciona mejor en páginas con rutas de navegación más profundas, donde una capa adicional de orientación ayuda a las personas a navegar con menos fricción.

Puede personalizar el icono de inicio, elegir un estilo de separador y, opcionalmente, añadir un enlace principal fijo. Como referencia general, consulte Migas de pan. Para ver cómo se organizan los bloques en el editor, consulte documentación de Shopify sobre secciones y bloques

Ajustes principales

Los ajustes principales controlan el estilo visual de la ruta de migas de pan en sí.

Use el campo Home icon para sustituirlo por otro icono si su tienda usa un conjunto de iconos coherente o un aspecto más minimalista. El Separator icon puede usar un emoji o un nombre de icono compatible, y puede dejarlo en blanco si desea que los elementos de la ruta de migas de pan aparezcan sin separadores visibles. Para obtener ayuda con los nombres de los iconos, consulte Icons.

Consejo

Los iconos sencillos y familiares suelen ser más fáciles de identificar que los decorativos.

Enlace principal

Este grupo añade un enlace principal fijo a la ruta de migas de pan. Es útil cuando desea guiar a los clientes de vuelta a una página de destino específica, un centro de colecciones o un destino seleccionado que sea importante en su flujo de navegación.

Añada tanto el texto como el enlace para que el paso principal se lea de forma natural en la ruta. La opción de abrir el enlace principal en una nueva pestaña está disponible, pero las migas de pan suelen resultar más naturales cuando mantienen a los clientes en la misma ruta de navegación. Para más contexto, consulte Enlace superior.

Añada un enlace principal fijo solo cuando coincida con la ruta de la página que los clientes esperarán. Si parece fuera de secuencia, puede hacer que la ruta de migas de pan inspire menos confianza.

Ajustes de alineación

Estos ajustes le permiten controlar la alineación horizontal por separado en escritorio y en móvil. Esto es útil cuando la ruta de migas de pan debe alinearse con un encabezado de página centrado en un tamaño de dispositivo y con una columna de contenido alineada a la izquierda en otro.

Si su ruta de migas de pan se alarga, pruebe con cuidado el diseño móvil. La alineación a la izquierda suele ser más fácil de leer cuando la ruta se divide en varias líneas.

Nota

Los controles de escritorio y móvil pueden comportarse de forma distinta en diseños ajustados, así que revise ambos tamaños de vista después de ajustar la alineación o la visibilidad.

Ajustes estándar de bloque

Ajustes de color

Estos ajustes anulan las opciones de color más amplias del tema para este bloque. Úselos cuando la ruta de migas de pan esté sobre un fondo tintado, basado en imágenes o no estándar, y necesite más contraste. Para el comportamiento compartido del color, consulte Color settings.

Precaución

Asegúrese de que tanto el texto como los iconos sigan siendo fáciles de leer sobre el fondo, especialmente si usa colores personalizados más claros.

Ajustes de visibilidad

Use estos ajustes para ocultar el bloque en escritorio o en móvil. Esto es útil cuando desea un encabezado móvil más limpio o cuando las migas de pan solo son útiles en un contexto de diseño. Para el comportamiento compartido de la visibilidad, consulte Ajustes de visibilidad.

Ajustes del editor

Estos ajustes afectan a cómo se etiqueta el bloque en la barra lateral del editor. Un título claro en el editor puede facilitar la búsqueda de este bloque cuando está gestionando varios bloques relacionados con la navegación o el encabezado. Para la interfaz del editor, consulte documentación de Shopify sobre el editor de temas

Notas de uso

1. Colóquelo en la parte alta de la página. Las migas de pan son más útiles cuando aparecen antes del contenido principal, donde los clientes esperan herramientas de orientación.
2. Mantenga la ruta intuitiva. Use el enlace principal solo cuando apoye la jerarquía de páginas que los clientes probablemente asumirán.
3. Elija iconos discretos. Los iconos sutiles de inicio y de separador ayudan a que la ruta de migas de pan siga siendo legible sin competir con el título de la página.
4. Compruebe las pantallas más pequeñas. Revise las rutas de migas de pan largas en móvil para asegurarse de que el ajuste de línea y la alineación sigan siendo limpios.
5. Use con cuidado las anulas de color. Los colores personalizados de los iconos y del texto deben mejorar el contraste, no solo coincidir con los acentos de diseño cercanos.