Dawn لا يوفّر زر "إضافة إلى السلة" ثابتًا: ما يكشفه الكود و3 حلول

يكتب تاجر “shopify dawn sticky add to cart” لأنه رأى الميزة في مكان آخر وافترض أن كل قالب Shopify حالي يمتلك نسخة منها. Dawn لا يمتلكها. الالتباس مصدره Horizon، وهو قالب Shopify منفصل يحمل فعلًا مفتاح تثبيت، ويختلط القالبان في نقاشات المنتديات ومراجعات متجر التطبيقات حتى يبدأ الناس بالبحث عن إعداد داخل Dawn لم يُكتب في كوده أبدًا.

ملفات السلة في Dawn تحمل ثلاثة إعدادات لكل منها، ولا أحد منها للتثبيت

الملفان اللذان يحكمان فعليًا تجربة السلة في Dawn هما sections/main-cart-footer.liquid و sections/main-cart-items.liquid. تم التحقق من كليهما عند الـ commit رقم 258f00f في مستودع Shopify/dawn، بتاريخ 2026-08-10. قسم التذييل يحتوي على 3 إعدادات و3 أنواع بلوكات. والإعدادات هي color_scheme، ونطاق padding_top يمتد من 0 إلى 100 بخطوات 4px، ونطاق padding_bottom بالشكل ذاته من 0 إلى 100 بخطوة 4px. وقسم العناصر يحتوي أيضًا على 3 إعدادات، وهي الثلاثية المتطابقة نفسها: color_scheme، padding_top، padding_bottom. ولا يذكر أي من الملفين position أو fixed أو sticky أو أي شيء يشبه سلوك الالتصاق بنافذة العرض. وهذه ليست فجوة في التوثيق، بل هو مخطط الإعدادات الكامل كما يوجد في الـ commit الذي تم التحقق منه. وإذا لم يكن في مخطط القالب حقل لسلوك معيّن، فلن يكون في لوحة إدارة القالب خيار تحديد له، وانتهى الأمر.

Horizon وضع المفتاح في المكان الذي يحتاجه Dawn أقل ما يحتاج

ملف sections/product-information.liquid في Horizon هو الملف الذي يحمل فعليًا enable_sticky_add_to_cart، ويقع بين 9 إعدادات ونوعين من البلوكات في الملف، بحسب التحقق عند الـ commit رقم 8b42ace في Shopify/horizon، بتاريخ 2026-08-31. والإعدادات الثمانية الأخرى في الملف نفسه هي content_width (قائمة اختيار بخيارين)، وdesktop_media_position (خيارين أيضًا)، وequal_columns وlimit_details_width (وكلاهما خيارا تحديد)، ونطاق gap من 0 إلى 48 بخطوات 4px. وهذا يخبرك بالمكان الذي قرّر فريق قوالب Shopify نفسه أن التثبيت ينتمي إليه: ليس في تذييل السلة، ولا في قائمة عناصر السلة، بل في قسم صفحة المنتج الذي يحكم كيفية وقوف وسائط المنتج وتفاصيله جنبًا إلى جنب. والتاجر الذي يحاول نقل سلوك التثبيت إلى Dawn عبر تعديل تذييل السلة إنما يعدّل الطبقة الخطأ من الصفحة كليًا.

ما يضيفه بلوك السلة والإضافة إلى السلة في Horizon إلى ما بعد المفتاح

ملف sections/main-cart.liquid في Horizon يحتوي على 5 إعدادات و9 أنواع بلوكات، وتشمل الإعدادات section_width وbackground_color وtext_color ونطاقَي حشو باسم padding-block-start وpadding-block-end، يمتدان كلاهما من 0 إلى 100 بخطوات 1px، وهي خطوة أدقّ من ضوابط الحشو بخطوة 4px في Dawn. وملف البلوك blocks/_cart-products.liquid يحمل 14 إعدادًا بمفرده، أي أكثر من مجموع أي من ملفي السلة في Dawn، بينها نطاق gap من 8 إلى 36 بخطوات 4px، وقائمة اختيار image_ratio بـ 3 صيغ، وخيارا تحديد لـ dividers وvendor. أما بلوك الإضافة إلى السلة نفسه، blocks/add-to-cart.liquid، فلديه 4 إعدادات فقط: style_class بـ 3 صيغ، وثلاثة حقول ألوان لخلفية الزر ونصه وحدوده. ولا أحد من هذه الـ 4 يتعلق بالتثبيت، لأن ذلك المنطق يقع في ملف أعلى بمستوى واحد، في خيار التحديد الخاص بقسم معلومات المنتج.

سياق السوق لكل من يوشك على إضافة كود مخصص إلى Dawn

المنهجية: الأرقام أدناه مصدرها تجميع سوقي لـ 329 قالبًا تم التحقق منها على themescout.co في 2026-09-04، إضافة إلى مجموعة بيانات CrUX منفصلة لشهر July 2026 تقيس جلسات زوار حقيقية، لا اختبارات مخبرية. سعر القالب الوسيط في السوق هو $300، بنطاق يمتد من $100 إلى $500. والتقييم الوسيط يقع عند 4.53 من 5 عبر 308 قوالب، وعدد المراجعات الوسيط هو 23. ومعدلات اجتياز Core Web Vitals مهمة هنا لأن إضافة زر ثابت عبر كود مخصص تمسّ استقرار التخطيط، واستقرار التخطيط أحد المقاييس التي تقيّمها Core Web Vitals. على الجوال، بين 247 قالبًا لديها بيانات كافية، تبلغ النسبة الوسيطة للزيارات التي تجتاز كل مؤشرات Core Web Vitals 85.5%، ويصل أفضل قالب في السوق إلى 98.6%، أما الأسوأ فلا يصل إلا إلى 46.1%. وعلى سطح المكتب، بين 199 قالبًا لديها بيانات كافية، الوسيط هو 86.2%، والأفضل 99.2%، والأسوأ 30.3%. ومن يعدّل Dawn ليركّب عليه سلوك التثبيت فهو يضيف إلى قالب يبدأ من هذا الأساس، وعليه أن يعيد التحقق من معدلات اجتياز الزوار الحقيقيين بعد إطلاق التغيير بدل الثقة بجلسة اختبار واحدة.

ثلاثة حلول للتجار الذين يريدون هذا فعلًا في Dawn

الخيارات الصادقة محدودة بالنظر إلى ما يُظهره الكود. أولًا، أضف CSS مخصصًا وسكربتًا صغيرًا يستهدف علامات تذييل السلة الموجودة، إذ إن الإعدادات الـ 3 في sections/main-cart-footer.liquid لن تفعل ذلك لكن يمكن مع هذا تحديد موضع الـ HTML الأساسي بـ position: sticky عبر تعديل في القالب، ويُنجَز ذلك خارج مخطط الإعدادات تمامًا. ثانيًا، انتقل إلى Horizon لصفحة المنتج إذا كان الهدف الفعلي هو زر إضافة إلى السلة ثابت على صفحة المنتج (لا على صفحة السلة)، لأن enable_sticky_add_to_cart هناك خيار تحديد أصلي لا يتطلب أي كود. ثالثًا، تعامل مع أي قالب في السوق العام، بما في ذلك قوالب UTD (تصفّح قوائم UTD)، كمرشّح فقط بعد التحقق من ملفات إعداداته الفعلية بالطريقة التي تحقّق بها هذا المقال من ملفات Dawn و Horizon، لأن لقطة شاشة في متجر القوالب تُظهر زرًا ثابتًا لا تُثبت شيئًا عن ملف القسم الذي يوجد فيه الإعداد ولا عن وجوده من الأصل.

من يطارد زر الإضافة إلى السلة الثابت في Dawn فعليه التوقف عن تعديل تذييل السلة، وإما إضافة كود مخصص إلى العلامات الموجودة أو نقل طلب الميزة إلى صفحة المنتج، حيث يقدّمها Horizon أصلًا كخيار تحديد. تحقّق من ملف الإعدادات بنفسك قبل افتراض أن أي قالب، بما في ذلك أحد قوالب UTD، يمتلك مفتاحًا لا تفعل لقطة الشاشة أكثر من الإيحاء به.