Dawn heeft geen sticky add to cart: wat de code laat zien en 3 oplossingen

Een merchant typt “shopify dawn sticky add to cart” omdat hij de functie ergens anders heeft gezien en aannam dat elk actueel Shopify-thema er een variant van heeft. Dawn niet. De verwarring komt van Horizon, een apart Shopify-thema dat wél een sticky-toggle heeft, en de twee thema’s raken door elkaar in forumthreads en app store-reviews tot mensen op zoek gaan naar een instelling in Dawn die nooit in de code is geschreven.

De cartbestanden van Dawn hebben elk drie instellingen, en geen daarvan is sticky

De twee bestanden die de cartervaring in Dawn daadwerkelijk besturen zijn sections/main-cart-footer.liquid en sections/main-cart-items.liquid. Beide zijn gecontroleerd op commit 258f00f in de Shopify/dawn-repository, gedateerd 2026-08-10. De footersectie heeft 3 instellingen en 3 bloktypen. De instellingen zijn color_scheme, een padding_top-range van 0 tot 100 in stappen van 4px, en een padding_bottom-range met dezelfde vorm van 0 tot 100, stap 4px. De itemssectie heeft ook 3 instellingen, en het is exact hetzelfde trio: color_scheme, padding_top, padding_bottom. Geen van beide bestanden noemt position, fixed, sticky of iets wat lijkt op gedrag dat aan de viewport kleeft. Dat is geen hiaat in de documentatie, het is het volledige settings-schema zoals het in de gecontroleerde commit bestaat. Als het schema van een thema geen veld voor een gedrag heeft, dan heeft de theme admin er geen checkbox voor, punt.

Horizon zette de toggle precies daar waar Dawn hem het minst nodig zou hebben

Horizon’s sections/product-information.liquid is het bestand dat enable_sticky_add_to_cart daadwerkelijk bevat, en die zit tussen de 9 instellingen en 2 bloktypen in het bestand, gecontroleerd op commit 8b42ace in Shopify/horizon, gedateerd 2026-08-31. De andere 8 instellingen in datzelfde bestand zijn content_width (een select met 2 opties), desktop_media_position (ook 2 opties), equal_columns en limit_details_width (beide checkboxes), en een gap-range van 0 tot 48 in stappen van 4px. Dit vertelt je waar Shopify’s eigen themateam vond dat stickiness thuishoort: niet in de cartfooter, niet in de lijst met cartitems, maar in de productpaginasectie die bepaalt hoe productmedia en details naast elkaar staan. Een merchant die sticky gedrag naar Dawn probeert over te zetten door de cartfooter aan te passen, bewerkt volledig de verkeerde laag van de pagina.

Wat de cart en het add-to-cart-blok van Horizon naast de toggle toevoegen

Horizon’s sections/main-cart.liquid heeft 5 instellingen en 9 bloktypen, en de instellingen omvatten section_width, background_color, text_color en twee padding-ranges met de namen padding-block-start en padding-block-end, die beide van 0 tot 100 lopen in stappen van 1px, een fijnere stap dan de 4px padding-controls van Dawn. Het blokbestand blocks/_cart-products.liquid bevat op zichzelf 14 instellingen, meer dan het totaal van beide Dawn-cartbestanden, waaronder een gap-range van 8 tot 36 in stappen van 4px, een image_ratio-select met 3 varianten en checkboxes voor dividers en vendor. Het add-to-cart-blok zelf, blocks/add-to-cart.liquid, heeft maar 4 instellingen: style_class met 3 varianten, en drie kleurvelden voor de achtergrond, tekst en rand van de knop. Geen van die 4 raakt stickiness, want die logica zit een bestand hoger, in de checkbox van de product information-sectie.

Marktcontext voor iedereen die op het punt staat custom code aan Dawn toe te voegen

Methode: de cijfers hieronder komen uit een marktaggregaat van 329 thema’s, gecontroleerd op themescout.co op 2026-09-04, plus een aparte CrUX-dataset van juli 2026 die echte bezoekerssessies meet, geen labruns. De mediane themaprijs in de markt is $300, met een bereik van $100 tot $500. De mediane beoordeling ligt op 4.53 uit 5 over 308 thema’s, en het mediane aantal reviews is 23. Pass rates voor Core Web Vitals doen hier mee omdat het toevoegen van een sticky button via custom code de layoutstabiliteit raakt, en layoutstabiliteit is een van de statistieken die Core Web Vitals meeneemt. Op mobiel is, onder 247 thema’s met genoeg data, het mediane aandeel bezoeken dat alle Core Web Vitals haalt 85.5%, het beste thema in de markt komt op 98.6% en het slechtste haalt slechts 46.1%. Op desktop is, onder 199 thema’s met voldoende data, de mediaan 86.2%, de beste 99.2% en de slechtste 30.3%. Wie Dawn aanpast om sticky gedrag erop te bouwen, voegt iets toe aan een thema dat vanaf deze baseline start, en zou na het uitrollen van de wijziging de echte pass rates van bezoekers opnieuw moeten controleren in plaats van op één testrun te vertrouwen.

Drie oplossingen voor merchants die dit echt in Dawn willen

De eerlijke opties zijn beperkt, gezien wat de code laat zien. Ten eerste: voeg custom CSS en een klein script toe dat de bestaande markup van de cartfooter target, want de 3 instellingen van sections/main-cart-footer.liquid gaan het niet doen, maar de onderliggende HTML kan nog altijd met position: sticky worden gepositioneerd in een theme edit, volledig buiten het settings-schema om. Ten tweede: stap over op Horizon voor de productpagina als sticky add to cart op de productpagina (niet de cartpagina) het eigenlijke doel is, want enable_sticky_add_to_cart is daar een native checkbox waarvoor geen code nodig is. Ten derde: behandel elk thema in de bredere markt, inclusief de thema’s van UTD (bekijk de listings van UTD), pas als kandidaat nadat je de daadwerkelijke settingsbestanden hebt gecontroleerd zoals dit artikel die van Dawn en Horizon heeft gecontroleerd, want een screenshot in de theme store waarop een sticky button staat, bewijst niets over in welk sectiebestand de instelling zit of of die überhaupt bestaat.

Wie sticky add to cart in Dawn najaagt, moet ophouden met het bewerken van de cartfooter en óf custom code aan de bestaande markup toevoegen, óf het functieverzoek verplaatsen naar de productpagina, waar Horizon het al als checkbox meelevert. Controleer het settingsbestand zelf voordat je aanneemt dat een thema, ook een van UTD, een toggle heeft die een screenshot alleen maar suggereert.