Estilos predefinidos:

• Temas Clásico, Moderno, Minimalista, Negrita

• Más de 10 esquemas de color

• Múltiples opciones de separadores (>, /, →, |)

Estilizado personalizado:

• Tamaño de texto - Ajustar en Diseño Visual y Estilo de Texto

• Tono de fondo - Configurar en Esquema de Color

• Espaciado y posicionamiento - Configurar en Espaciado y Relleno

• Diseños específicos para móviles - Usar Opciones de Visibilidad

Opciones avanzadas:

• Símbolo divisor de migas de pan - Elegir en Configuración Experta

• Tipo de visualización de inicio - Configurar en Nombres personalizados de página

• Efectos al pasar el cursor - Seleccionar en Opciones de Visibilidad

Cuándo usar esta función:

• ✅ Habilitar si: Tu tienda soporta múltiples idiomas y quieres que las migas de pan se traduzcan automáticamente

• ❌ No habilitar si: Tu tienda usa un solo idioma - personaliza el texto directamente en el editor de temas

Qué se traduce:

• 🏠 Inicio, Todos los productos, Colecciones, Buscar

• 📝 Blog, Noticias, Páginas, Artículos, Productos

Cómo habilitar:

• Ve a Configuración de la aplicación → Internacionalización (i18n)

• Activa "Habilitar traducciones automáticas"

• Guarda la configuración

Idiomas soportados (52 en total):

• 🇪🇺 Europeos (25): Afrikaans, Albanés, Búlgaro, Catalán, Croata, Checo, Danés, Holandés, Inglés, Estonio, Finés, Francés, Alemán, Griego, Húngaro, Islandés, Italiano, Letón, Lituano, Maltés, Noruego, Polaco, Rumano, Eslovaco, Esloveno, Español, Sueco, Turco, Ucraniano

• 🌏 Asiáticos (13): Bengalí, Chino (Simplificado), Chino (Tradicional), Hindi, Indonesio, Japonés, Coreano, Malayo, Persa, Tamil, Tailandés, Urdu, Vietnamita

• 🌍 Medio Oriente y África (6): Árabe, Amárico, Hebreo, Suajili, Xhosa, Zulú

• 🌎 Américas (8): Gallego, Guaraní, Criollo haitiano, Portugués (Brasil), Portugués (Portugal), Quechua, Español (Latinoamérica), Galés

Datos estructurados:

• Marcado JSON-LD para motores de búsqueda

• Fragmentos enriquecidos en los resultados de búsqueda

• Apariencia mejorada en la SERP

Arquitectura del sitio:

• Señales claras de jerarquía para Google

• Mejor rastreo

• Mejor enlazado interno

Experiencia de usuario:

• Reducción de la tasa de rebote

• Aumento de vistas de página

• Mejores métricas de interacción

🪄 Modo 1: Comportamiento inteligente

Ideal para: Mejorar la experiencia del usuario con breadcrumbs dinámicos y conscientes del contexto. Los breadcrumbs se adaptan dinámicamente para coincidir con la ruta real de la colección desde la que los visitantes navegaron.

• Visitante desde la Colección A ve: Home > Collection A > Product-1

• Visitante desde la Colección B ve: Home > Collection B > Product-1

• Ambas URLs siguen siendo: /products/product-1 (URL canónica segura para SEO)

• ✅ Experiencia de usuario mejorada - los breadcrumbs coinciden con el recorrido real del visitante

• ✅ URLs limpias /products/product-name (no se necesitan cambios de URL)

• ✅ Seguro para SEO: El producto mantiene una única URL canónica

📌 Modo 2: Prioridad clásica

Ideal para: Máxima estabilidad SEO con rutas de breadcrumbs fijas y predecibles. Usa un sistema de prioridad fijo de 3 niveles para asegurar que el mismo producto siempre muestre la misma ruta de breadcrumb.

• Todos los visitantes ven: Home > Default Collection > Product-1

• La URL siempre es: /products/product-1

• Los datos estructurados siempre muestran la misma ruta

• Orden de prioridad: Manual Default → URL Context → Automático

Cómo funciona:

• Selecciona un menú - Elige cualquier menú de tu tienda Shopify

• Haz clic en "Construir desde menú" - La app construye automáticamente tu árbol de categorías

• Personaliza - Arrastra y suelta para ajustar, añadir más colecciones o reorganizar

• Guarda - ¡Tu nuevo árbol de categorías está listo!

Qué se importa:

• ✅ Solo colecciones publicadas - Solo elementos del menú que enlazan a colecciones publicadas

• ✅ Jerarquía del menú - Se preservan las relaciones padre → hijo

• ✅ Anidamiento multinivel - Soporta estructuras de menú profundas (3+ niveles)

Qué se excluye:

• ❌ Colecciones en borrador/no publicadas

• ❌ Enlaces HTTP - Se omiten enlaces externos y URLs personalizadas

• ❌ Enlaces a productos - No se importan enlaces directos a productos

• ❌ Enlaces a páginas - Se excluyen enlaces a páginas

• ❌ Otros elementos del menú - Blogs, búsqueda, enlaces al carrito, etc.

Beneficios:

• ⚡ Punto de partida rápido - Construye la estructura inicial en segundos

• 🎯 Navegación consistente - Coincide con la estructura del menú existente de tu tienda

• 🔄 Actualizaciones fáciles - Reconstruye en cualquier momento cuando actualices tus menús

• ✨ Ahorra tiempo - No necesitas añadir cada colección manualmente

1. Verificar estado de la aplicación:

• Asegúrese de que la aplicación esté instalada y activada

• Verifique que se hayan otorgado los permisos

2. Compatibilidad del tema:

• Ejecute la prueba de compatibilidad del tema

• Verifique conflictos de CSS

• Pruebe diferentes estilos de Breadcrumbs

3. Problemas de configuración:

• Verifique que las reglas de Breadcrumbs estén configuradas

• Revise la configuración de visualización y las reglas de visibilidad

• Asegúrese de que los productos estén correctamente categorizados

4. Problemas de caché:

• Borre la caché del navegador

• Borre la caché de la tienda Shopify

• Espere 5-10 minutos para que los cambios se propaguen

1. Conflictos del tema:

• Ajuste el tamaño del texto y el ancho máximo del bloque en Diseño visual y Estilo de texto

• Cambie el tono de fondo en Esquema de colores

• Pruebe diferentes símbolos divisores de Breadcrumbs en Configuración avanzada

2. Problemas móviles:

• Habilite "Habilitar desplazamiento horizontal móvil" en Opciones de visibilidad

• Ajuste las dimensiones del icono divisor para que coincidan con el tamaño de su texto

• Revise la configuración de Espaciado y Relleno para la alineación móvil

3. Problemas de alineación:

• Configure el relleno superior/inferior y el relleno izquierdo/derecho en Espaciado y Relleno

• Ajuste la alineación del texto en Diseño visual y Estilo de texto

En el Editor de temas:

• Vaya a Editor de temas → Seleccione una página con Breadcrumbs

• Haga clic en el bloque de Breadcrumbs en la barra lateral

• Encuentre la sección Espaciado y Relleno en la configuración del bloque

• Ajuste: Relleno (arriba/abajo), Relleno (izquierda/derecha), Espaciado vertical

Consejos rápidos de alineación:

• ✅ Coincidir ancho de página - Ajuste el relleno izquierdo/derecho para alinear con el contenido principal

• ✅ Espaciado consistente - Use el mismo relleno que otros elementos de la página

• ✅ Pruebe en móvil - Verifique la alineación en diferentes tamaños de pantalla

• ✅ Vista previa de cambios - Use la vista previa del editor de temas antes de publicar

Opción 1: Ocultar de los Breadcrumbs usando Configuración ⭐ Recomendado

• Vaya a Editor de temas → Bloque de Breadcrumbs → Configuración

• Encuentre "Título del catálogo de productos" en Nombres personalizados de página

• Ingrese --- (tres guiones) para ocultarlo de las rutas de Breadcrumbs

• La página de la colección (/collections/all) sigue siendo accesible

• ¡No hay duplicados en los Breadcrumbs!

Opción 2: Eliminar del Árbol de Categorías

• Ir al Árbol de Categorías en la aplicación

• Encontrar la colección "All products" de tu tienda

• Eliminarla del árbol (mover a Sin asignar)

• Mantener solo el "All products" de la aplicación en el árbol

Opción 3: Usar solo la colección de tu tienda

• Eliminar el "All products" de la aplicación del árbol

• Agregar tu propia colección "All products" a la raíz del árbol

• Esto te da más control sobre qué productos aparecen

Si aún experimentas este problema:

Por favor contacta a nuestro equipo de soporte para asistencia. Probablemente sea un problema heredado por configuraciones en caché o un conflicto con el tema.

Soluciones temporales (mientras esperas soporte):

• Opción 1: Igualar tamaño del separador al texto - Ajusta "Divider icon dimensions"

• Opción 2: Usar símbolos de separador más simples - Cambia a / o > en lugar de flechas complejas

• Opción 3: Activar modo de desplazamiento móvil - Enciende "Enable mobile horizontal scrolling"

• Opción 4: Ajustar espacios - Reduce "Divider gap width" y afina "Vertical Spacing"

1. Reglas de asignación:

• Revisa las reglas de asignación automática

• Verifica etiquetas y atributos de productos

• Confirma los mapeos de colecciones

2. Configuración de productos:

• Asegúrate de que los productos estén publicados

• Revisa la configuración de disponibilidad de productos

• Verifica los niveles de inventario

3. Configuración de categorías:

• Revisa la jerarquía de categorías

• Verifica la configuración de visibilidad de categorías

• Confirma las relaciones padre-hijo

📧 Soporte por correo electrónico:

• Correo: [email protected]

• También disponible a través del panel de la aplicación

• Respuesta en 24 horas

• Asistencia técnica y de configuración

📖 Documentación:

• Guías y tutoriales completos

• Videos explicativos

• Mejores prácticas y consejos

Información de la tienda:

• URL de la tienda Shopify

• Nombre y versión del tema

• Versión de la aplicación instalada

Detalles del problema:

• Descripción específica del problema

• Pasos que ya has intentado

• Capturas de pantalla o videos si corresponde

• Información del navegador y dispositivo

Información de configuración:

• Configuración actual de la app

• Personalizaciones realizadas

• Cambios recientes en la tienda o tema

Guía de configuración gratuita:

• Soporte por correo electrónico para configuración básica

• Documentación y tutoriales en video

• Recomendaciones de mejores prácticas

Soporte para Vintage Theme:

• Configuración completa de la A a la Z para temas Online Store 1.0

• Instalación de fragmentos personalizados

• Estilizado específico para el tema