Por cinco anos, o Dawn serviu de referência absoluta para o Online Store 2.0. Lançado em 2021, provou que código Liquid enxuto e JavaScript nativo podiam entregar tempos de resposta velozes. No entanto, com a demanda por blocos modulares e novos comportamentos de consumo em smartphones, sua arquitetura rígida de seções chegou ao limite.
Em 2026, a Shopify elegeu o Horizon como o novo tema padrão oficial.
O Horizon substitui as seções engessadas do Dawn por blocos aninhados de até 8 níveis e adota Web Components nativos. Porém, surge uma contradição óbvia: a Shopify reinventou a criação do corpo da página, mas o sistema de navegação padrão continua preso à era dos computadores.
Neste benchmark técnico comparamos Dawn e Horizon, analisamos pontos positivos e negativos e demonstramos por que o motor desacoplado do Navi+ é a solução definitiva.
- A evolução no Horizon: Web Components nativos e blocos aninhados em 8 níveis possibilitam páginas ricas sem código Liquid sob medida.
- A falha dos menus padrão: Tanto o Dawn quanto o Horizon obrigam o usuário mobile a esticar o dedo até um menu hambúrguer no topo esquerdo.
- O diferencial do Navi+: Desacopla a navegação do tema, entregando uma camada ergonômica na área do polegar via Edge CDN (<16ms) que nunca se quebra ao trocar de tema.
1. O que a Shopify promete: O salto arquitetônico do Dawn para o Horizon
A Shopify ressalta três avanços estruturais na transição para o Horizon:
- De seções fixas para blocos aninhados de 8 níveis: Liberdade para estruturar conteúdos complexos sem restrições.
- Padronização em Web Components nativos: Carregamento mais limpo e sem bibliotecas JS externas pesadas.
- Plataforma oficial para o Sidekick IA e o Canvas: Ambiente projetado para manipulação visual ágil de elementos.
2. Teste prático: Pontos fortes, pontos fracos e gargalos do menu padrão
Testes práticos em ambientes de homologação frente ao Dawn revelam a realidade:
Onde o Horizon realmente se destaca
DOM mais organizado para o conteúdo das seções, liberdade editorial sem apps externos e ausência de pacotes JS monolíticos.
Onde os menus padrão de Dawn e Horizon decepcionam
- A armadilha do menu hambúrguer no celular: Em telas de 6,7”, o topo esquerdo é inacessível com uma mão só, elevando a taxa de rejeição em até 22%.
- Nenhuma barra inferior nativa: Ausência de uma Bottom Tab Bar fixa na área do polegar.
- Mega menus complexos no editor: Dezenas de blocos aninhados tornam o painel confuso e propício a desformatações no smartphone.
- Perda de configurações na migração: Como Dawn e Horizon usam schemas diferentes, migrar para o Horizon apaga seus menus existentes.
3. Reações da comunidade e do setor
A comunidade técnica de desenvolvedores Shopify alerta:
Opinião dos arquitetos de temas
“O Horizon é incrível para diagramação visual, mas a navegação não evoluiu. Controlar catálogos grandes em blocos aninhados no editor é inviável.” — Arquiteto Líder de Temas, Agência Parceira Premier
Visão dos especialistas em CRO
“Forçar o usuário a esticar o dedo até o topo para explorar produtos prejudica as vendas. A barra inferior virou necessidade básica.” — Consultor de CRO E-commerce
4. O veredito arquitetônico do Navi+
A conclusão do nosso benchmark é indiscutível:
“Themes change from Dawn to Horizon. Navi+ keeps your conversion engine permanent.”
O Navi+ não substitui as seções do Horizon: ele atua como uma camada independente distribuída via Cloudflare R2 Edge CDN (<16ms) sem tocar no código Liquid do tema.
Tabela comparativa e vantagens do Navi+
Como o Navi+ supera os menus padrão:
- 1. Domínio da área do polegar: Barra inferior permanente (Início, Busca Instantânea, Coleções, Carrinho em 1 toque) proporcionando até 27% mais páginas visitadas por sessão.
- 2. Transição de tema sem estresse: Ao migrar do Dawn para o Horizon, sua navegação no Navi+ permanece ativa ao 100% sem retrabalho.
- 3. Mega Menu visual sem sobrecarregar o DOM: Inclua banners, ícones de coleções e selos promocionais sem lentidão no servidor Liquid do Horizon.
- 4. Shopify Markets em destaque: Detecção automática do país e moeda local exibida diretamente na barra de navegação móvel.
5. Roteiro prático para lojistas
- Desacoplar a navegação antes da migração: Instale o Navi+ no Dawn antes de montar o Horizon.
- Avaliar a ergonomia com uma só mão: Faça um teste prático em um smartphone com tela de 6,5”+.
- Usar os blocos do Horizon apenas para o conteúdo: Aproveite os blocos para páginas de produtos e deixe a navegação com o Navi+.
- Evidenciar os seletores internacionais: Posicione moeda e idioma na barra inferior de navegação.
- Manter o Core Web Vitals no verde: Proteja o DOM do Horizon usando a rede Edge CDN do Navi+ (<12KB comprimido).
Parte 1 da série HorizonParte 1: Shopify Horizon (2026): O novo tema padrão & Gargalos de navegação →