סיקור ומחקר על Shopify ומסחר אלקטרוני
סוחרים מחפשים מתג של sticky add to cart ב-Dawn כי ל-Horizon יש אחד כזה, אבל קובצי הסקשנים האמיתיים של Dawn לא נושאים הגדרה כזאת בכלל, והידיעה אילו קבצים קיימים משנה את מה שתיקון יכול באמת לעשות.
סוחר מקליד “shopify dawn sticky add to cart” כי ראה את הפיצ’ר במקום אחר והניח שלכל ערכת נושא עדכנית של Shopify יש גרסה כלשהי שלו. ל-Dawn אין. הבלבול מגיע מ-Horizon, ערכת נושא נפרדת של Shopify שכן נושאת מתג sticky, ושתי ערכות הנושא מתבלבלות זו בזו בשרשורי פורומים ובביקורות בחנות האפליקציות עד שאנשים מתחילים לחפש הגדרה בתוך Dawn שמעולם לא נכתבה בקוד שלה.
שני הקבצים ששולטים בפועל בחוויית העגלה של Dawn הם sections/main-cart-footer.liquid ו-sections/main-cart-items.liquid. שניהם נבדקו בקומיט 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 או כל דבר שדומה להתנהגות של הצמדה לחלון התצוגה. זה לא פער בתיעוד, זו סכמת ההגדרות המלאה כפי שהיא קיימת בקומיט שנבדק. אם לסכמה של ערכת נושא אין שדה להתנהגות מסוימת, אז לאדמין של ערכת הנושא אין צ’קבוקס בשבילה, נקודה.
הקובץ sections/product-information.liquid של Horizon הוא זה שנושא בפועל את enable_sticky_add_to_cart, והוא יושב בין 9 הגדרות ו-2 סוגי בלוקים בקובץ, כפי שנבדק בקומיט 8b42ace ב-Shopify/horizon, מתאריך 2026-08-31. 8 ההגדרות האחרות באותו קובץ הן content_width (בחירה עם 2 אפשרויות), desktop_media_position (גם 2 אפשרויות), equal_columns ו-limit_details_width (שניהם צ’קבוקסים), וטווח gap מ-0 עד 48 בצעדים של 4px. זה מלמד אותך איפה צוות ערכות הנושא של Shopify עצמו החליט שדביקות אמורה לשבת: לא בפוטר של העגלה, לא ברשימת פריטי העגלה, אלא בסקשן של דף המוצר שקובע איך מדיית המוצר והפרטים יושבים זה לצד זה. סוחר שמנסה להעביר התנהגות דביקה ל-Dawn דרך עריכת פוטר העגלה עורך את השכבה הלא נכונה לחלוטין של הדף.
| קובץ | הגדרות | סוגי בלוקים | שדות בולטים |
|---|---|---|---|
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 | לא מצוינים | 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 | לא מצוינים | style_class (3 אפשרויות), custom_button_background/text/border |
Horizon blocks/_cart-products.liquid | 14 | לא מצוינים | gap 8–36/4px, image_ratio (3 אפשרויות), dividers, vendor, input_style |
לקובץ sections/main-cart.liquid של Horizon יש 5 הגדרות ו-9 סוגי בלוקים, וההגדרות כוללות section_width, background_color, text_color, ושני טווחי padding בשמות padding-block-start ו-padding-block-end, שניהם רצים מ-0 עד 100 בצעדים של 1px, צעד עדין יותר מבקרות ה-padding של Dawn ב-4px. קובץ הבלוק blocks/_cart-products.liquid נושא 14 הגדרות בעצמו, יותר מסך ההגדרות של כל אחד מקובצי העגלה של Dawn, כולל טווח gap מ-8 עד 36 בצעדים של 4px, בחירת image_ratio עם 3 וריאנטים, וצ’קבוקסים ל-dividers ול-vendor. לבלוק ה-add-to-cart עצמו, blocks/add-to-cart.liquid, יש רק 4 הגדרות: style_class עם 3 וריאנטים, ושלושה שדות צבע לרקע הכפתור, לטקסט ולמסגרת. אף אחת מ-4 האלה לא נוגעת בדביקות, כי הלוגיקה הזאת יושבת קובץ אחד מעל, בצ’קבוקס של סקשן פרטי המוצר.
שיטה: המספרים שלהלן מגיעים מאגרגט שוקי של 329 ערכות נושא שנבדקו ב-themescout.co בתאריך 2026-09-04, בתוספת מערך נתונים נפרד של CrUX מיולי 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 כדי להרכיב עליו התנהגות דביקה מוסיף לערכת נושא שמתחילה מקו הבסיס הזה, וכדאי שיבדוק מחדש את שיעורי המעבר של מבקרים אמיתיים אחרי שילוח השינוי, במקום לסמוך על הרצת בדיקה אחת.
האפשרויות הכנות צרות בהתחשב במה שהקוד מראה. ראשית, להוסיף CSS מותאם וסקריפט קטן שמכוונים אל המרקאפ הקיים של פוטר העגלה, כי 3 ההגדרות של sections/main-cart-footer.liquid לא יעשו את העבודה אבל את ה-HTML שמתחת עדיין אפשר למקם עם position: sticky בעריכת ערכת נושא, מחוץ לסכמת ההגדרות לגמרי. שנית, לעבור ל-Horizon עבור דף המוצר אם sticky add to cart בדף המוצר (ולא בדף העגלה) הוא המטרה האמיתית, כי enable_sticky_add_to_cart הוא שם צ’קבוקס מובנה שלא דורש קוד. שלישית, להתייחס לכל ערכת נושא בשוק הכללי, כולל ערכות הנושא של UTD (עיינו בליסטינגים של UTD), כמועמדת רק לאחר בדיקת קובצי ההגדרות האמיתיים שלה באותה דרך שבה מאמר זה בדק את אלה של Dawn ושל Horizon, כי צילום מסך בחנות ערכות הנושא שמראה כפתור דביק לא מוכיח דבר לגבי באיזה קובץ סקשן ההגדרה יושבת או אם היא בכלל קיימת.
כל מי שרודף אחרי sticky add to cart ב-Dawn צריך להפסיק לערוך את פוטר העגלה, ואו להוסיף קוד מותאם למרקאפ הקיים או להעביר את בקשת הפיצ’ר לדף המוצר, שבו Horizon כבר משלח אותה כצ’קבוקס. בדקו את קובץ ההגדרות בעצמכם לפני שאתם מניחים שלערכת נושא כלשהי, כולל אחת מאלה של UTD, יש מתג שצילום מסך רק מרמז עליו.
לא. שני קובצי Dawn ששולטים באזור העגלה, sections/main-cart-footer.liquid ו-sections/main-cart-items.liquid, חושפים כל אחד בדיוק 3 הגדרות, וכולן הן color_scheme, padding_top או padding_bottom. אין שום sticky, אין position ואין מתג fixed באף אחד מהקבצים נכון ל-Shopify/dawn@258f00f, קומיט 2026-08-10. אם סוחר רוצה את ההתנהגות הזאת ב-Dawn, הוא חייב להוסיף קוד מותאם, כי סכמת ההגדרות של ערכת הנושא עצמה לא מציעה אותה.
ל-Horizon יש. הקובץ sections/product-information.liquid שלה נושא 9 הגדרות ו-2 סוגי בלוקים, ואחת מההגדרות האלה נקראת ממש enable_sticky_add_to_cart, צ'קבוקס. אותו קובץ גם שולט ב-content_width, desktop_media_position, equal_columns, limit_details_width, וב-gap בטווח 0 עד 48 בצעדים של 4px. הנתונים נמדדו מ-Shopify/horizon@8b42ace, קומיט 2026-08-31.
אין כאן מדידה שמבודדת את ההשפעה של סקריפט כפתור דביק על Core Web Vitals, ולכן אף אחד לא יכול לומר בוודאות. מה שכן ידוע הוא ההקשר השוקי: מבין 247 ערכות נושא עם מספיק נתוני מובייל, החלק החציוני של הביקורים שעוברים את כל Core Web Vitals הוא 85.5%, ערכת הנושא הטובה ביותר מגיעה ל-98.6%, והגרועה ביותר עומדת על 46.1%. בדסקטופ, מבין 199 ערכות נושא עם נתונים מספקים, החציון הוא 86.2%, הטוב ביותר הוא 99.2%, והגרוע ביותר הוא 30.3%. כל סקריפט מותאם שמתווסף ל-Dawn צריך להיבדק מול נתוני מבקרים אמיתיים לאחר ההשקה, ולא להיחשב בטוח מראש.
כן. לקובץ sections/main-cart.liquid ב-Horizon יש 5 הגדרות ו-9 סוגי בלוקים, כולל section_width, background_color, text_color, ושני טווחי padding, padding-block-start ו-padding-block-end, שניהם רצים מ-0 עד 100 בצעדים של 1px. הבלוק blocks/_cart-products.liquid מוסיף 14 הגדרות משלו, ביניהן טווח gap מ-8 עד 36 בצעדים של 4px, בחירת image_ratio עם 3 אפשרויות, וצ'קבוקסים למפרידים ולהצגת ספק.
לקובץ blocks/add-to-cart.liquid יש 4 הגדרות: style_class, בחירה עם 3 וריאנטים, ובנוסף custom_button_background, custom_button_text ו-custom_button_border, כולן הגדרות צבע. אף אחת מ-4 ההגדרות האלה לא נוגעת ישירות בדביקות, זה יושב רמה אחת מעל, בצ'קבוקס enable_sticky_add_to_cart בסקשן פרטי המוצר.