Elemento de miga de pan

¿Qué es el elemento Breadcrumb en GemPages?

A miga de pan es un elemento de navegación que ayuda a los usuarios a comprender su ubicación actual dentro de un sitio web o una aplicación. Normalmente aparece como un rastro de enlaces en los que se puede hacer clic en la parte superior de una página web o una interfaz, que muestra la jerarquía de páginas o secciones por las que ha navegado el usuario para llegar a la página actual.

Cuando se trabaja con páginas de subcategorías En Shopify (por ejemplo, "Calzado de hombre" en "Calzado"), las rutas de navegación cobran aún más importancia. Permiten a los clientes volver rápidamente a la colección principal o navegar entre subcategorías hermanas sin tener que navegar manualmente por los menús.

El uso de migas de pan para las páginas de subcategorías también ayuda a los motores de búsqueda a comprender mejor la estructura del sitio, lo que puede mejorar el SEO al señalar claramente la relación entre las categorías principales y sus subcategorías.

¿Cómo agregar y configurar el elemento Breadcrumb?

Repasaremos todas las configuraciones para el elemento Breadcrumb en GemPages Editor Versión 7 en la sección de abajo.

Paso 1: Ve a Panel de Control de GemPages > Preferencias > Configuración de la tienda. En la sección de Otras configuraciones sección, active “Incluya el identificador de la colección en la ruta URL para los productos a los que se accede desde una colección."

Paso 2: Volver a la las Páginas sección y localice su página de destino para abrir el editor. 

Paso 3: En la barra lateral izquierda, ingrese Miga de pan (Breadcrumb) en la barra de búsqueda, luego arrastre y suelte el elemento en la parte superior de su página.

Configurar la pestaña Configuración

La reunión de los acreedores es una audiencia en la que su fideicomisario, abogado y cualquier acreedor que desee asistir se reunirán y discutirán su bancarrota del Capítulo XNUMX. Puede ser intimidante saber que todos discutirán su situación; sin embargo, tenga en cuenta que esto es parte del proceso para todos. Los acreedores raramente aparecen en la reunión de los acreedores. Su abogado puede ayudarlo a revisar información y responder preguntas Configuración La pestaña del elemento Breadcrumb le ayuda a ajustar la apariencia, el diseño y el comportamiento interactivo de la ruta de navegación.

Icono separador

Personalice el separador entre los elementos de la ruta de navegación (por ejemplo, /, >, →):

• ÍconoElige un ícono o personaje. También puedes subir tu propio ícono SVG.
• Color:Seleccione el color del ícono mediante HEX o el selector de color.
• Tamaño:Ajuste el tamaño del icono utilizando los botones +/–.

Estilo del Texto

Dale estilo al texto de la ruta de navegación con controles tipográficos completos:

Espaciado, tamaño y fondo de los elementos

Brecha: Ajuste el espaciado horizontal entre los elementos de la ruta de navegación arrastrando el control deslizante o ingresando un valor específico manualmente.

Relleno:Ajuste el espaciado interno del contenedor de migas de pan (arriba, derecha, abajo, izquierda) para crear espacio para respirar o alinear el elemento con su diseño.

Color de fondo:Establezca un color de fondo para la barra de ruta de navegación utilizando el selector de color o ingresando un código HEX para un control preciso.

Forma

Puedes darle al contenedor de pan rallado un aspecto distintivo:

• Borde: Establecer color, grosor y estilo de trazo.
• Esquina: Define el radio del borde para redondear las esquinas (por ejemplo, 8 px).
• Sombra: Agregue sombras sutiles o llamativas, luego modifique el tipo, la dirección, el color, la distancia, el desenfoque y el tamaño.

Efecto

• Pasar el Cursor: Habilite los estilos al pasar el mouse sobre la pantalla cuando los usuarios interactúen con los enlaces de ruta de navegación.
• Activo: Resalte el elemento de ruta de navegación actual (activo) de forma diferente al resto.

opciones de pantalla

Ocultar página activa:

• Sí:Ocultar la página actual (último elemento de la ruta de navegación, p. ej., Happy Dog Snack).
• No:Muestra la ruta de navegación completa.

Alineación

Este parámetro te permite determinar cómo se posiciona el elemento en tu página. Tienes tres opciones: alineado a la izquierda, centrado y alineado a la derecha.

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.

También puede encontrar más consejos útiles y tutoriales en vídeo en GemPages Academy.

Preguntas Frecuentes

1. ¿Cómo ayudan las migas de pan con las páginas de subcategorías?

Las rutas de navegación muestran claramente la jerarquía desde las categorías principales hasta las subcategorías, lo que mejora la navegación del usuario y el SEO. Esto ayuda a los clientes a saber exactamente dónde están y a navegar fácilmente entre secciones.

2. ¿Puedo personalizar las rutas de navegación de forma diferente para las páginas de subcategorías?

Sí. Puedes aplicar diferentes estilos, separadores o colores de fondo a las rutas de navegación en las páginas de subcategorías para que destaquen.

3. ¿Qué sucede si mi página de subcategoría no aparece en la ruta de navegación?

Esto puede ocurrir si la URL del producto no incluye el identificador de la colección/subcategoría. Asegúrate de que la opción de Shopify "Incluir el identificador de la colección en la ruta de la URL" esté activada.

4. ¿Las migas de pan mejoran el SEO de las páginas de subcategorías?

Sí. Ayudan a los motores de búsqueda a comprender la relación entre las categorías principales y las subcategorías, lo que puede mejorar la indexación y la estructura de enlaces internos.