Dawn n'a pas de sticky add to cart : ce que montre le code et 3 correctifs

Un marchand tape « shopify dawn sticky add to cart » parce qu’il a vu la fonctionnalité ailleurs et a supposé que chaque thème Shopify actuel en propose une variante. Ce n’est pas le cas de Dawn. La confusion vient de Horizon, un thème Shopify distinct qui possède bien un réglage sticky, et les deux thèmes se mélangent dans les fils de forum et les avis de l’app store jusqu’à ce que les gens partent à la chasse d’un réglage dans Dawn qui n’a jamais été écrit dans son code.

Les fichiers panier de Dawn comptent trois réglages chacun, et aucun n’est sticky

Les deux fichiers qui gouvernent réellement l’expérience panier de Dawn sont sections/main-cart-footer.liquid et sections/main-cart-items.liquid. Les deux ont été vérifiés au commit 258f00f du dépôt Shopify/dawn, daté du 2026-08-10. La section footer compte 3 réglages et 3 types de blocs. Les réglages sont color_scheme, une plage padding_top allant de 0 à 100 par pas de 4px, et une plage padding_bottom de même forme, 0 à 100, pas de 4px. La section items compte aussi 3 réglages, et c’est le même trio : color_scheme, padding_top, padding_bottom. Aucun des deux fichiers ne mentionne position, fixed, sticky, ni quoi que ce soit ressemblant à un comportement d’accroche au viewport. Ce n’est pas un trou dans la documentation, c’est le schéma de réglages complet tel qu’il existe dans le commit vérifié. Si le schéma d’un thème n’a aucun champ pour un comportement, l’admin du thème n’a aucune case à cocher pour celui-ci, point final.

Horizon a placé l’interrupteur là où Dawn en aurait le moins besoin

Le fichier sections/product-information.liquid de Horizon est celui qui porte réellement enable_sticky_add_to_cart, et il figure parmi 9 réglages et 2 types de blocs dans le fichier, vérifié au commit 8b42ace de Shopify/horizon, daté du 2026-08-31. Les 8 autres réglages de ce même fichier sont content_width (un select avec 2 options), desktop_media_position (2 options également), equal_columns et limit_details_width (deux cases à cocher), et une plage gap de 0 à 48 par pas de 4px. Cela indique où l’équipe thèmes de Shopify a décidé que le comportement sticky avait sa place : pas dans le footer du panier, pas dans la liste des articles du panier, mais dans la section de la page produit qui gouverne la façon dont les médias et les détails du produit se placent côte à côte. Un marchand qui essaie de porter le comportement sticky dans Dawn en modifiant le footer du panier modifie une couche de la page complètement différente.

Ce que le panier et le bloc add-to-cart de Horizon ajoutent au-delà de l’interrupteur

Le fichier sections/main-cart.liquid de Horizon compte 5 réglages et 9 types de blocs, et les réglages incluent section_width, background_color, text_color, et deux plages de padding nommées padding-block-start et padding-block-end, allant toutes deux de 0 à 100 par pas de 1px, un pas plus fin que les contrôles de padding à 4px de Dawn. Le fichier de bloc blocks/_cart-products.liquid porte à lui seul 14 réglages, plus que le total de l’un ou l’autre des fichiers panier de Dawn, dont une plage gap de 8 à 36 par pas de 4px, un select image_ratio avec 3 variantes, et des cases à cocher pour dividers et vendor. Le bloc add-to-cart lui-même, blocks/add-to-cart.liquid, ne compte que 4 réglages : style_class avec 3 variantes, et trois champs de couleur pour le fond, le texte et la bordure du bouton. Aucun de ces 4 ne concerne le comportement sticky, puisque cette logique vit un fichier plus haut, dans la case à cocher de la section product information.

Contexte de marché pour quiconque s’apprête à ajouter du code personnalisé à Dawn

Méthode : les chiffres ci-dessous proviennent d’un agrégat de marché de 329 thèmes vérifiés sur themescout.co le 2026-09-04, plus un jeu de données CrUX distinct de juillet 2026 mesurant des sessions de visiteurs réels, pas des tests en laboratoire. Le prix médian des thèmes sur le marché est de $300, dans une fourchette allant de $100 à $500. La note médiane s’établit à 4.53 sur 5 sur 308 thèmes, et le nombre médian d’avis est de 23. Les taux de réussite des Core Web Vitals comptent ici parce qu’ajouter un bouton sticky via du code personnalisé touche à la stabilité de la mise en page, et la stabilité de la mise en page est l’une des métriques que notent les Core Web Vitals. Sur mobile, parmi 247 thèmes disposant de suffisamment de données, la part médiane de visites validant tous les Core Web Vitals est de 85.5%, le meilleur thème du marché atteint 98.6%, et le pire n’atteint que 46.1%. Sur desktop, parmi 199 thèmes disposant de données suffisantes, la médiane est de 86.2%, le meilleur est à 99.2%, et le pire à 30.3%. Quiconque modifie Dawn pour y greffer un comportement sticky ajoute à un thème qui part de cette référence, et devrait revérifier les taux de réussite sur des visiteurs réels après la mise en production plutôt que de se fier à un seul test.

Trois correctifs pour les marchands qui veulent vraiment cela dans Dawn

Les options honnêtes sont étroites au vu de ce que montre le code. Premièrement, ajouter du CSS personnalisé et un petit script ciblant le balisage existant du footer du panier, puisque les 3 réglages de sections/main-cart-footer.liquid ne le feront pas, mais le HTML sous-jacent peut tout de même être positionné avec position: sticky dans une édition du thème, réalisée entièrement en dehors du schéma de réglages. Deuxièmement, passer à Horizon pour la page produit si le sticky add to cart sur la page produit (et non la page panier) est l’objectif réel, puisque enable_sticky_add_to_cart y est une case à cocher native sans aucun code requis. Troisièmement, ne considérer aucun thème du marché général, thèmes de UTD compris (parcourir les fiches de UTD), qu’après avoir vérifié ses fichiers de réglages réels comme cet article a vérifié ceux de Dawn et de Horizon, car une capture d’écran du theme store montrant un bouton sticky ne prouve rien quant au fichier de section où vit le réglage, ni même à son existence.

Quiconque poursuit le sticky add to cart dans Dawn devrait cesser de modifier le footer du panier et soit ajouter du code personnalisé au balisage existant, soit déplacer la demande de fonctionnalité vers la page produit, où Horizon la livre déjà sous forme de case à cocher. Vérifiez vous-même le fichier de réglages avant de supposer qu’un thème, y compris l’un de ceux de UTD, dispose d’un interrupteur qu’une capture d’écran ne fait que suggérer.