Estilos pré-construídos:

• Temas Clássico, Moderno, Minimalista, Negrito

• Mais de 10 esquemas de cores

• Múltiplas opções de separadores (>, /, →, |)

Estilização personalizada:

• Tamanho do texto - Ajuste em Design Visual & Estilização de Texto

• Tom de fundo - Defina em Esquema de Cores

• Espaçamento e posicionamento - Configure em Espaçamento & Padding

• Designs específicos para dispositivos móveis - Use Opções de Visibilidade

Opções avançadas:

• Símbolo divisor de breadcrumb - Escolha em Configuração Avançada

• Tipo de exibição da página inicial - Defina em Nomes personalizados de página

• Efeitos ao passar o mouse - Selecione em Opções de Visibilidade

Quando usar este recurso:

• ✅ Habilite se: Sua loja suporta múltiplos idiomas e você quer que os breadcrumbs sejam traduzidos automaticamente

• ❌ Não habilite se: Sua loja usa apenas um idioma - personalize o texto diretamente no editor de tema

O que é traduzido:

• 🏠 Home, Todos os produtos, Coleções, Buscar por

• 📝 Blog, Notícias, Páginas, Artigos, Produtos

Como habilitar:

• Vá para Configurações do App → Internacionalização (i18n)

• Ative "Habilitar traduções automáticas"

• Salve as configurações

Idiomas suportados (52 no total):

• 🇪🇺 Europeus (25): Afrikaans, Albanês, Búlgaro, Catalão, Croata, Tcheco, Dinamarquês, Holandês, Inglês, Estoniano, Finlandês, Francês, Alemão, Grego, Húngaro, Islandês, Italiano, Letão, Lituano, Maltês, Norueguês, Polonês, Romeno, Eslovaco, Esloveno, Espanhol, Sueco, Turco, Ucraniano

• 🌏 Asiáticos (13): Bengali, Chinês (Simplificado), Chinês (Tradicional), Hindi, Indonésio, Japonês, Coreano, Malaio, Persa, Tamil, Tailandês, Urdu, Vietnamita

• 🌍 Oriente Médio & Africanos (6): Árabe, Amárico, Hebraico, Suaíli, Xhosa, Zulu

• 🌎 Americanos (8): Galego, Guarani, Crioulo Haitiano, Português (Brasil), Português (Portugal), Quíchua, Espanhol (América Latina), Galês

Dados Estruturados:

• Marcações JSON-LD para motores de busca

• Rich snippets nos resultados de busca

• Aparência aprimorada no SERP

Arquitetura do Site:

• Sinais claros de hierarquia para o Google

• Melhor rastreabilidade

• Melhor linkagem interna

Experiência do Usuário:

• Redução da taxa de rejeição

• Aumento nas visualizações de página

• Melhores métricas de engajamento

🪄 Modo 1: Comportamento inteligente

Ideal para: Melhorar a experiência do usuário com breadcrumbs dinâmicos e contextuais. Os breadcrumbs se adaptam dinamicamente para corresponder ao caminho real da coleção de onde o visitante navegou.

• Visitante da Coleção A vê: Home > Coleção A > Produto-1

• Visitante da Coleção B vê: Home > Coleção B > Produto-1

• Ambas as URLs continuam sendo: /products/product-1 (URL canônica segura para SEO)

• ✅ Experiência do usuário aprimorada - breadcrumbs correspondem à jornada real do visitante

• ✅ URLs limpas /products/product-name (sem necessidade de alterações na URL)

• ✅ Seguro para SEO: Produto mantém URL canônica única

📌 Modo 2: Prioridade clássica

Ideal para: Máxima estabilidade SEO com caminhos fixos e previsíveis de breadcrumbs. Usa um sistema fixo de prioridade em 3 níveis para garantir que o mesmo produto sempre mostre o mesmo caminho de breadcrumb.

• Todos os visitantes veem: Home > Coleção Padrão > Produto-1

• URL é sempre: /products/product-1

• Dados estruturados sempre mostram o mesmo caminho

• Ordem de prioridade: Manual Padrão → Contexto da URL → Automático

Como funciona:

• Selecione um menu - Escolha qualquer menu da sua loja Shopify

• Clique em "Construir a partir do menu" - O app constrói automaticamente sua árvore de categorias

• Personalize - Arraste e solte para ajustar, adicionar mais coleções ou reorganizar

• Salve - Sua nova árvore de categorias está pronta!

O que é importado:

• ✅ Apenas coleções publicadas - Apenas itens do menu que linkam para coleções publicadas

• ✅ Hierarquia do menu - Relações pai → filho são preservadas

• ✅ Aninhamento multinível - Suporta estruturas profundas de menu (3+ níveis)

O que é excluído:

• ❌ Coleções rascunho/não publicadas

• ❌ Links HTTP - Links externos e URLs personalizados são ignorados

• ❌ Links de produtos - Links diretos para produtos não são importados

• ❌ Links para páginas - Links para páginas são excluídos

• ❌ Outros itens do menu - Blogs, busca, links do carrinho, etc.

Benefícios:

• ⚡ Ponto de partida rápido - Construa a estrutura inicial da árvore em segundos

• 🎯 Navegação consistente - Corresponde à estrutura do menu existente da sua loja

• 🔄 Atualizações fáceis - Reconstrua a qualquer momento quando atualizar seus menus

• ✨ Economiza tempo - Não precisa adicionar cada coleção manualmente

1. Verifique o Status do App:

• Certifique-se de que o app está instalado e ativado

• Verifique se as permissões foram concedidas

2. Compatibilidade do Tema:

• Execute o teste de compatibilidade do tema

• Verifique conflitos de CSS

• Experimente diferentes estilos de Breadcrumbs

3. Problemas de Configuração:

• Verifique se as regras de breadcrumbs estão configuradas

• Cheque as configurações de exibição e regras de visibilidade

• Certifique-se de que os produtos estão devidamente categorizados

4. Problemas de Cache:

• Limpe o cache do navegador

• Limpe o cache da loja Shopify

• Aguarde 5-10 minutos para as alterações propagarem

1. Conflitos de Tema:

• Ajuste o tamanho do texto e a largura máxima do bloco em Visual Design & Text Styling

• Altere o tom de fundo em Color Scheme

• Experimente diferentes Símbolos Divisores de Breadcrumb em Expert Configuration

2. Problemas no Mobile:

• Ative "Enable mobile horizontal scrolling" em Visibility Options

• Ajuste as dimensões do ícone Divisor para combinar com o tamanho do seu texto

• Verifique as configurações de Espaçamento & Padding para alinhamento no mobile

3. Problemas de Alinhamento:

• Configure Padding superior/inferior e Padding esquerdo/direito em Spacing & Padding

• Ajuste o alinhamento do texto em Visual Design & Text Styling

No Theme Editor:

• Vá para Theme Editor → Selecione uma página com breadcrumbs

• Clique no bloco Breadcrumbs na barra lateral

• Encontre a seção Spacing & Padding nas configurações do bloco

• Ajuste: Padding (topo/baixo), Padding (esquerda/direita), Espaçamento vertical

Dicas rápidas de alinhamento:

• ✅ Combine a largura da página - Ajuste o padding esquerdo/direito para alinhar com o conteúdo principal

• ✅ Espaçamento consistente - Use o mesmo padding que outros elementos da página

• ✅ Teste no mobile - Verifique o alinhamento em diferentes tamanhos de tela

• ✅ Visualize as alterações - Use a pré-visualização do editor de tema antes de publicar

Opção 1: Ocultar dos breadcrumbs usando Configurações ⭐ Recomendado

• Vá para Theme Editor → Bloco Breadcrumbs → Configurações

• Encontre "Product catalog title" em Custom page names

• Digite --- (três traços) para ocultá-lo das trilhas de breadcrumb

• A página da coleção (/collections/all) permanece acessível

• Sem duplicatas nos breadcrumbs!

Opção 2: Remover da Árvore de Categorias

• Vá para Collection tree no app

• Encontre a coleção "All products" da sua loja

• Remova-a da árvore (mova para Não atribuídos)

• Mantenha apenas o "All products" do app na árvore

Opção 3: Use apenas a coleção da sua loja

• Remova o "All products" do app da árvore

• Adicione sua própria coleção "All products" na raiz da árvore

• Isso lhe dá mais controle sobre quais produtos aparecem

Se você ainda estiver enfrentando este problema:

Por favor, entre em contato com nossa equipe de suporte para assistência. Isso provavelmente é um problema legado de configurações em cache ou conflito de tema.

Soluções temporárias (enquanto aguarda suporte):

• Opção 1: Combine o tamanho do separador com o texto - Ajuste "Divider icon dimensions"

• Opção 2: Use símbolos de separador mais simples - Troque para / ou > em vez de setas complexas

• Opção 3: Ative o modo de rolagem móvel - Ligue "Enable mobile horizontal scrolling"

• Opção 4: Ajuste o espaçamento - Reduza "Divider gap width" e ajuste "Vertical Spacing"

1. Regras de Atribuição:

• Revise as regras de atribuição automática

• Verifique tags e atributos dos produtos

• Verifique os mapeamentos de coleções

2. Configurações do Produto:

• Certifique-se de que os produtos estão publicados

• Verifique as configurações de disponibilidade do produto

• Verifique os níveis de estoque

3. Configuração da Categoria:

• Revise a hierarquia de categorias

• Verifique as configurações de visibilidade da categoria

• Verifique as relações pai-filho

📧 Suporte por Email:

• Email: [email protected]

• Também disponível pelo painel do app

• Resposta em até 24 horas

• Assistência técnica e de configuração

📖 Documentação:

• Guias e tutoriais completos

• Vídeos explicativos

• Melhores práticas e dicas

Informações da Loja:

• URL da loja Shopify

• Nome e versão do tema

• Versão do app instalada

Detalhes do Problema:

• Descrição específica do problema

• Passos que você já tentou

• Capturas de tela ou vídeos, se aplicável

• Informações do navegador e dispositivo

Informações de Configuração:

• Configuração atual do aplicativo

• Personalizações feitas

• Alterações recentes na loja ou tema

Orientação Gratuita para Configuração:

• Suporte por e-mail para configuração básica

• Documentação e tutoriais em vídeo

• Recomendações de melhores práticas

Suporte para Tema Vintage:

• Configuração completa de A a Z para temas Online Store 1.0

• Instalação de snippet personalizado

• Estilização específica do tema