Reportagens e pesquisa sobre Shopify e e-commerce
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.
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 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 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.
| Ficheiro | Configurações | Tipos de blocos | Campos relevantes |
|---|---|---|---|
Dawn sections/main-cart-footer.liquid | 3 | 3 | color_scheme, padding_top 0–100/4px, padding_bottom 0–100/4px |
Dawn sections/main-cart-items.liquid | 3 | nenhum listado | color_scheme, padding_top 0–100/4px, padding_bottom 0–100/4px |
Horizon sections/product-information.liquid | 9 | 2 | enable_sticky_add_to_cart, content_width, desktop_media_position, gap 0–48/4px |
Horizon sections/main-cart.liquid | 5 | 9 | section_width, background_color, text_color, padding-block-start/end 0–100/1px |
Horizon blocks/add-to-cart.liquid | 4 | nenhum listado | style_class (3 opções), custom_button_background/text/border |
Horizon blocks/_cart-products.liquid | 14 | nenhum listado | gap 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.
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.
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.
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.
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.
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.
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.
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 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.