segunda-feira, 19 de outubro de 2026 Inteligência independente de e-commerce
Storefront Daily.

Reportagens e pesquisa sobre Shopify e e-commerce

Guias

O Dawn não tem sticky add to cart: o que o código mostra e 3 soluções

Os comerciantes procuram uma opção de sticky add to cart no Dawn porque o Horizon tem uma, mas os ficheiros de secção do Dawn não incluem essa configuração, e saber quais os ficheiros que existem muda aquilo que uma solução pode realmente fazer.

Por Storefront Daily Research Desk  ·  11 de setembro de 2026  ·  6 min de leitura  ·  Redigido por IA a partir de dados com fonte


Um comerciante escreve “shopify dawn sticky add to cart” porque viu a funcionalidade noutro sítio e presumiu que todos os temas Shopify atuais têm alguma variante dela. O Dawn não tem. A confusão vem do Horizon, um tema Shopify separado que de facto inclui uma opção de sticky, e os dois temas acabam misturados em tópicos de fóruns e avaliações da app store até que as pessoas começam a procurar uma configuração dentro do Dawn que nunca foi escrita no seu código.

Os ficheiros de carrinho do Dawn têm três configurações cada, e nenhuma delas é sticky

Os dois ficheiros que realmente controlam a experiência de carrinho do Dawn são sections/main-cart-footer.liquid e sections/main-cart-items.liquid. Ambos foram verificados no commit 258f00f do repositório Shopify/dawn, datado de 2026-08-10. A secção de footer tem 3 configurações e 3 tipos de blocos. As configurações são color_scheme, um intervalo padding_top de 0 a 100 em passos de 4px, e um intervalo padding_bottom com a mesma forma de 0 a 100, passo de 4px. A secção de itens também tem 3 configurações, e são o trio idêntico: color_scheme, padding_top, padding_bottom. Nenhum dos ficheiros menciona position, fixed, sticky ou qualquer coisa parecida com um comportamento de fixação ao viewport. Isso não é uma lacuna na documentação, é o schema de configurações completo tal como existe no commit verificado. Se o schema de um tema não tem um campo para um comportamento, o admin do tema não tem uma caixa de seleção para ele, ponto final.

O Horizon colocou a opção onde o Dawn menos precisaria dela

O ficheiro sections/product-information.liquid do Horizon é o que efetivamente contém enable_sticky_add_to_cart, e está entre 9 configurações e 2 tipos de blocos no ficheiro, verificado no commit 8b42ace em Shopify/horizon, datado de 2026-08-31. As outras 8 configurações desse mesmo ficheiro são content_width (um select com 2 opções), desktop_media_position (também 2 opções), equal_columns e limit_details_width (ambas caixas de seleção), e um intervalo gap de 0 a 48 em passos de 4px. Isto mostra onde a própria equipa de temas da Shopify decidiu que o comportamento fixo pertence: não no footer do carrinho, não na lista de itens do carrinho, mas na secção da página de produto que controla como a mídia e os detalhes do produto se dispõem um ao lado do outro. Um comerciante que tente portar o comportamento sticky para o Dawn editando o footer do carrinho está a editar a camada completamente errada da página.

O que o carrinho e o bloco add-to-cart do Horizon acrescentam além da opção

FicheiroConfiguraçõesTipos de blocosCampos relevantes
Dawn sections/main-cart-footer.liquid33color_scheme, padding_top 0–100/4px, padding_bottom 0–100/4px
Dawn sections/main-cart-items.liquid3nenhum listadocolor_scheme, padding_top 0–100/4px, padding_bottom 0–100/4px
Horizon sections/product-information.liquid92enable_sticky_add_to_cart, content_width, desktop_media_position, gap 0–48/4px
Horizon sections/main-cart.liquid59section_width, background_color, text_color, padding-block-start/end 0–100/1px
Horizon blocks/add-to-cart.liquid4nenhum listadostyle_class (3 opções), custom_button_background/text/border
Horizon blocks/_cart-products.liquid14nenhum listadogap 8–36/4px, image_ratio (3 opções), dividers, vendor, input_style

O ficheiro sections/main-cart.liquid do Horizon tem 5 configurações e 9 tipos de blocos, e as configurações incluem section_width, background_color, text_color e dois intervalos de padding chamados padding-block-start e padding-block-end, ambos de 0 a 100 em passos de 1px, um passo mais fino do que os controles de padding de 4px do Dawn. O ficheiro de bloco blocks/_cart-products.liquid tem 14 configurações só ele, mais do que o total de qualquer dos ficheiros de carrinho do Dawn, incluindo um intervalo gap de 8 a 36 em passos de 4px, um select image_ratio com 3 variantes, e caixas de seleção para dividers e vendor. O próprio bloco add-to-cart, blocks/add-to-cart.liquid, tem apenas 4 configurações: style_class com 3 variantes, e três campos de cor para fundo, texto e borda do botão. Nenhuma dessas 4 mexe no comportamento fixo, já que essa lógica vive um ficheiro acima, na caixa de seleção da secção de informação do produto.

Contexto de mercado para quem está a ponto de adicionar código personalizado ao Dawn

Método: os números abaixo vêm de um agregado de mercado de 329 temas verificados em themescout.co em 2026-09-04, mais um conjunto de dados CrUX separado de julho de 2026 que mede sessões reais de visitantes, e não execuções em laboratório. O preço mediano dos temas no mercado é de $300, com um intervalo de $100 a $500. A avaliação mediana situa-se em 4.53 de 5 entre 308 temas, e a contagem mediana de avaliações é 23. As taxas de aprovação nos Core Web Vitals importam aqui porque adicionar um botão fixo através de código personalizado afeta a estabilidade do layout, e a estabilidade do layout é uma das métricas avaliadas pelos Core Web Vitals. Em mobile, entre 247 temas com dados suficientes, a mediana da percentagem de visitas que passam todos os Core Web Vitals é de 85.5%, o melhor tema do mercado atinge 98.6%, e o pior chega apenas a 46.1%. Em desktop, entre 199 temas com dados suficientes, a mediana é 86.2%, o melhor é 99.2%, e o pior é 30.3%. Quem editar o Dawn para acoplar comportamento fixo está a acrescentar algo a um tema que parte desta base, e deve voltar a verificar as taxas reais de aprovação dos visitantes depois de publicar a alteração, em vez de confiar num único teste.

Três soluções para comerciantes que realmente querem isto no Dawn

As opções honestas são limitadas, dado aquilo que o código mostra. Primeiro, adicionar CSS personalizado e um pequeno script que atue sobre o markup existente do footer do carrinho, já que as 3 configurações de sections/main-cart-footer.liquid não o fazem mas o HTML subjacente pode ainda ser posicionado com position: sticky numa edição do tema, feita inteiramente fora do schema de configurações. Segundo, mudar para o Horizon na página de produto se o sticky add to cart na página de produto (e não na página de carrinho) for o verdadeiro objetivo, já que enable_sticky_add_to_cart é lá uma caixa de seleção nativa, sem necessidade de código. Terceiro, tratar qualquer tema do mercado geral, incluindo os temas da UTD (ver as listagens da UTD), como candidato só depois de verificar os seus ficheiros de configurações reais, tal como este artigo verificou os do Dawn e do Horizon, porque uma captura de ecrã da theme store a mostrar um botão fixo não prova nada sobre em que ficheiro de secção a configuração vive, nem se ela existe de facto.

Configurações por ficheiro: Dawn vs Horizon (número de configurações do schema) 3 Dawn cart-footer 3 Dawn cart-items 9 Horizon product-info 5 Horizon main-cart 4 Horizon add-to-cart 14 Horizon cart-products Método: contagens lidas diretamente do schema de cada tema no commit verificado (Dawn 258f00f, Horizon 8b42ace).

Quem anda atrás de sticky add to cart no Dawn deve parar de editar o footer do carrinho e, ou adicionar código personalizado ao markup existente, ou mover o pedido de funcionalidade para a página de produto, onde o Horizon já o entrega como caixa de seleção. Verifique você mesmo o ficheiro de configurações antes de presumir que qualquer tema, incluindo um da UTD, tem uma opção que uma captura de ecrã apenas sugere.

Perguntas frequentes

O Dawn tem alguma configuração para fixar o botão de adicionar ao carrinho no ecrã?

Não. Os dois ficheiros do Dawn que controlam a área do carrinho, sections/main-cart-footer.liquid e sections/main-cart-items.liquid, expõem exatamente 3 configurações cada um, e todas elas são color_scheme, padding_top ou padding_bottom. Não existe qualquer opção sticky, position ou fixed em nenhum dos ficheiros, em Shopify/dawn@258f00f, commit 2026-08-10. Se um comerciante quiser esse comportamento no Dawn, tem de acrescentar código personalizado, porque o schema de configurações do próprio tema não o oferece.

Que tema Shopify tem efetivamente uma opção nativa de sticky add to cart?

O Horizon tem. O seu ficheiro sections/product-information.liquid inclui 9 configurações e 2 tipos de blocos, e uma dessas configurações chama-se literalmente enable_sticky_add_to_cart, uma caixa de seleção. Esse mesmo ficheiro também controla content_width, desktop_media_position, equal_columns, limit_details_width e um intervalo de gap de 0 a 48 em passos de 4px. Isto foi medido em Shopify/horizon@8b42ace, commit 2026-08-31.

Se eu adicionar sticky add to cart ao Dawn com código personalizado, isso vai prejudicar a velocidade da página?

Não existe aqui qualquer medição que isole o efeito de um script de botão fixo nos Core Web Vitals, logo ninguém pode afirmá-lo com certeza. O que se sabe é o contexto de mercado: entre 247 temas com dados de mobile suficientes, a mediana da percentagem de visitas que passam todos os Core Web Vitals é de 85.5%, o melhor tema atinge 98.6% e o pior fica nos 46.1%. Em desktop, entre 199 temas com dados suficientes, a mediana é 86.2%, o melhor é 99.2% e o pior é 30.3%. Qualquer script personalizado adicionado ao Dawn deve ser verificado com dados reais de visitantes depois do lançamento, e não presumido como seguro.

A página de carrinho do Horizon também tem configurações de layout que eu deva conhecer?

Sim. O ficheiro sections/main-cart.liquid do Horizon tem 5 configurações e 9 tipos de blocos, incluindo section_width, background_color, text_color e dois intervalos de padding, padding-block-start e padding-block-end, ambos de 0 a 100 em passos de 1px. O bloco blocks/_cart-products.liquid acrescenta 14 configurações próprias, entre elas um intervalo de gap de 8 a 36 em passos de 4px, um select image_ratio com 3 opções e caixas de seleção para divisórias e exibição do fornecedor.

O que é que o próprio bloco add-to-cart controla no Horizon?

O blocks/add-to-cart.liquid tem 4 configurações: style_class, um select com 3 variantes, mais custom_button_background, custom_button_text e custom_button_border, todas configurações de cor. Nenhuma destas 4 configurações mexe diretamente no comportamento fixo, isso está um nível acima, na caixa de seleção enable_sticky_add_to_cart da secção de informação do produto.

Fontes e dados

  1. Themescout market aggregate ranking, 329 themes, price and rating fields (checked September 4, 2026)
  2. CrUX Core Web Vitals dataset, July 2026, real visitor pass rates by theme (checked September 4, 2026)
  3. Shopify/dawn repository, sections/main-cart-footer.liquid and sections/main-cart-items.liquid, commit 258f00f (checked September 4, 2026)
  4. Shopify/horizon repository, sections/product-information.liquid and sections/main-cart.liquid, commit 8b42ace (checked September 4, 2026)
Como citar este relatório: Storefront Daily Research Desk (2026). “O Dawn não tem sticky add to cart: o que o código mostra e 3 soluções.” Storefront Daily. https://storefrontdaily.com/pt/guides/dawn-has-no-sticky-add-to-cart-what-the-code-shows-and-3-fixes/
Os números desta página são medições nossas. Pode citá-los e reproduzir uma única tabela ou gráfico, desde que inclua uma ligação visível e clicável para esta página. Termos completos: Reutilização e citação.