Após quase cinco anos de liderança do Dawn na era Online Store 2.0, a Shopify oficializou o Horizon como o novo tema principal e padrão para todas as lojas criadas em 2026.
O Horizon representa uma reformulação estrutural: traz blocos aninhados com até 8 níveis de profundidade, padroniza interações em Web Components nativos e é o palco oficial para o Sidekick IA e o Canvas.
Porém, por trás dessa flexibilidade visual existe uma fraqueza gritante: o Horizon renova o layout das páginas, mas deixa a navegação mobile presa a padrões desktop ultrapassados.
Confira nossa análise técnica do Horizon, seus 5 principais gargalos de navegação e como o Navi+ oferece a camada de conversão desacoplada indispensável para sua loja.
- A transição para o Horizon: O modelo rígido de seções do Dawn dá lugar a hierarquias de blocos aninhados e Web Components leves.
- O vazio na navegação mobile: Apesar da modularidade visual, o Horizon mantém o menu hambúrguer inacessível no canto superior esquerdo, ignorando a zona do polegar.
- A solução desacoplada: Enquanto o Horizon organiza o conteúdo, o Navi+ fornece uma camada permanente de navegação via Edge CDN (Tab Bar inferior, Mega Menu visual, seletores de moeda) que nunca se quebra ao trocar de tema.
1. O que a Shopify promete com o Horizon
A Shopify apresenta o Horizon como a base de uma nova geração de vitrines digitais:
- “Uma arquitetura modular focada em blocos, sem amarras de seções fixas.”
- “Construído sobre Web Components nativos para carregamento instantâneo sem bibliotecas pesadas.”
- “O ambiente oficial otimizado para o Sidekick IA e o design espacial do Canvas.”
Com blocos aninhados em até 8 níveis, lojistas podem criar tabelas comparativas, galerias e sanfonas diretamente no personalizador da Shopify sem mexer em código Liquid.
2. Teste prático e 5 gargalos de navegação
Nossos testes em lojas de grande volume revelaram cinco pontos críticos na navegação do Horizon:
Gargalo 1: A armadilha do menu hambúrguer no celular
Mais de 78% das compras online acontecem em smartphones com telas de 6,5 a 6,9 polegadas. No iPhone 16 Pro Max, o canto superior esquerdo é inalcançável com uma só mão. O Horizon mantém todo o catálogo atrás desse botão, aumentando a taxa de rejeição entre 18% e 24%.
Gargalo 2: Ausência de barra inferior fixa (Bottom Tab Bar)
Aplicativos como Amazon, Nike e Mercado Livre fixam as opções principais nos 20% inferiores da tela (zona do polegar). O Horizon não tem barra inferior: ao rolar a página, o menu desaparece.
Gargalo 3: Complexidade dos Mega Menus em blocos aninhados
Montar um Mega Menu com colunas, banners e selos de destaque no editor do Horizon exige dezenas de blocos aninhados. Qualquer deslize no painel quebra a formatação mobile.
Gargalo 4: Profundidade do DOM e atraso no processamento do Liquid
Aninhar blocos por 6 a 8 níveis sobrecarrega a árvore DOM. Processada pelo servidor Liquid da Shopify, essa estrutura eleva o Time to First Byte (TTFB) e reduz o índice INP.
Gargalo 5: Seletores do Shopify Markets escondidos
No padrão do Horizon, país, moeda e idioma ficam no rodapé ou no segundo nível do menu hambúrguer, desestimulando clientes internacionais.
3. Reações da comunidade e do setor
Agências e desenvolvedores Shopify Plus alertam sobre os desafios:
A visão dos desenvolvedores de temas
“O Horizon é incrível para montar páginas de apresentação, mas os recursos de navegação continuam rudimentares. Gerenciar 500 produtos em blocos aninhados no editor é impraticável.” — Arquiteto de Temas Líder, Agência Parceira Premier
O olhar da otimização de conversão (CRO)
“Em lojas Horizon, 65% das desistências mobile ocorreram ao buscar categorias, pois os clientes não querem esticar o dedo até o topo em páginas compridas. A barra inferior é mandatória.” — Consultor de CRO E-commerce
4. O veredito arquitetônico da Navi+
A evolução do Dawn para o Horizon comprova um princípio inegociável:
“Themes change from Dawn to Horizon. Navi+ keeps your conversion engine permanent.”
O tema veste a página. A navegação é o sistema nervoso da conversão: deve ser contínua, rápida e desacoplada do tema.
O Horizon substitui o Navi+? Como o Navi+ resolve cada problema
O Shopify Horizon NÃO substitui o Navi+. Pelo contrário: suas mudanças tornam o Navi+ ainda mais indispensável:
- 1. Tab Bar na zona do polegar: O Navi+ ancora uma Bottom Tab Bar (Início, Busca Instantânea, Coleções, Carrinho em 1 toque) com ajuste para Dynamic Island e áreas seguras de iOS e Android.
- 2. Arquitetura desacoplada de 2 camadas (<16ms Edge CDN): Independente do Liquid, sua navegação migra do Dawn para o Horizon 100% preservada e sem retrabalho.
- 3. Criador visual de Mega Menu: Organize colunas, banners de promoções e ícones por meio de um painel visual arrasta-e-solta descomplicado.
- 4. Integração nativa com Shopify Markets: Detecção de país e exibição da moeda correta diretamente na barra de navegação mobile.
- 5. Botão de ação flutuante (FAB): Atendimento rápido (WhatsApp, telefone, chat) sem atrapalhar o botão de compra.
5. Roteiro prático para lojistas
- Testar a ergonomia mobile: Acesse sua loja com uma mão só em um smartphone de 6,5”+. Se o polegar não alcançar o menu com facilidade, sua loja está perdendo vendas.
- Desacoplar a navegação antes de migrar: Adote o Navi+ para garantir que seus menus permaneçam intactos durante a transição do Dawn para o Horizon.
- Otimizar para celular: Concentre 4 a 5 coleções principais na Tab Bar inferior e use o menu lateral deslizante para categorias secundárias.
- Destacar seletores de mercado: Mova moeda e idioma do rodapé para a barra de navegação principal.
- Monitorar o Core Web Vitals: Mantenha o DOM do Horizon leve delegando a navegação à rede Edge CDN do Navi+ (<12KB comprimido).
Conteúdo RelacionadoExplore o Hub Shopify Canvas com todas as 10 análises técnicas completas →