סיקור ומחקר על Shopify ומסחר אלקטרוני
סוחרים מניחים שסקשן ה-collage של Dawn הוא גריד תמונות פשוט שאפשר לעצב בחופשיות, בעוד שהקוד מגביל אותו לשלושה בלוקים ולארבעה סוגי בלוקים ומשאיר את החלטות הפריסה לשני מתגים בינאריים.
רוב מי שמחפשים “shopify dawn collage section” מניחים שמדובר בגריד תמונות גמיש שאפשר למתוח לכדי לוקבוק או קיר פורטפוליו. זה לא כך. קובץ הסקשן sections/collage.liquid מגדיר פריסה עם 8 הגדרות, 4 סוגי בלוקים ותקרה קשיחה של 3 בלוקים, כך שכל הפיצ’ר קטן ממה שהשם שלו מרמז. זו סקירה של מה שהסקשן מכיל בפועל, מה הוא לא יכול לעשות, ואיפה סוחרים ממשיכים לבלבל אותו עם סקשנים אחרים של Dawn שיושבים בסמוך באותו עץ קבצים.
סקשן ה-collage של Dawn, המסומן כ-”t:sections.collage.name” בסכמה, מגיע לתקרה של 3 בלוקים לכל סקשן. המספר הזה מגיע ישירות מקובץ הסקשן בקומיט 258f00f, מתאריך 2026-08-10, במאגר Shopify/dawn. יש 4 סוגי בלוקים לבחירה במילוי 3 המשבצות האלה, כך שההחלטה היצירתית היא אילו סוגים ייכנסו לאיזו עמדה, ולא כמה אריחים אפשר להוסיף. סוחר שרוצה שישה או שמונה אריחי collage במסך אחד לא יגיע לשם עם הסקשן הזה, ואף שילוב של 8 ההגדרות הזמינות לא משנה את התקרה הזו.
הסקשן מפריד את ההתנהגות הרספונסיבית לשתי הגדרות במקום הגדרת גריד אחת משותפת. desktop_layout היא select עם 2 וריאנטים, ו-mobile_layout היא select נפרדת, גם היא עם 2 וריאנטים. זה אומר שהסידור בדסקטופ והסידור במובייל נבחרים באופן עצמאי, אבל כל בחירה היא בינארית. אין מספר עמודות נומרי, אין סליידר טווח ואין לוגיקת breakpoint מותאמת אישית בתוך הסקשן הזה. השוו את זה ל-sections/collection-list.liquid של Horizon, שכולל layout_type עם 4 וריאנטים, טווח columns מ-1 עד 8, ו-select נפרדת mobile_columns עם 2 וריאנטים לצד mobile_card_size. הסקשן הזה נבנה לשליטה גרנולרית בעמודות לרוחב ה-breakpoints; סקשן ה-collage של Dawn לא, והפער בין “2 וריאנטים של פריסה” לבין “טווח עמודות מ-1 עד 8” הוא ההוכחה הברורה ביותר למה ש-collage נועד לעשות לעומת מה שלא.
| הגדרה | סוג | אפשרויות |
|---|---|---|
| heading | inline_richtext | טקסט חופשי עם עיצוב אינלייני |
| heading_size | select | 5 וריאנטים |
| desktop_layout | select | 2 וריאנטים |
| mobile_layout | select | 2 וריאנטים |
| card_styles | select | 2 וריאנטים |
| color_scheme | color_scheme | בוחר סכמות של ערכת העיצוב |
הטבלה הזו היא רשימת ההגדרות המלאה הרלוונטית למראה, מתוך 8 ההגדרות הכוללות בקובץ הסקשן. יש שדה heading מסוג inline_richtext, כך שעיצוב בסיסי מותר אבל אין שדה כותרת משנה או שדה טקסט גוף המשויך לסקשן עצמו. card_styles נותנת 2 וריאנטים, ו-color_scheme מקצה אחת מסכמות הצבע של ערכת העיצוב לכל הסקשן כמקשה אחת, ולא לכל אריח בנפרד. אם סוחר רוצה שכל אריח collage יעוצב אחרת, זה חייב לקרות בתוך 4 סוגי הבלוקים עצמם, מפני שההגדרות ברמת הסקשן חלות באופן אחיד.
תבנית חוזרת בהתנהגות החיפוש סביב המונח הזה היא בלבול בין סקשן ה-collage לבין פריסת הבלוג הראשית של Dawn, sections/main-blog.liquid. לקובץ הזה יש 7 הגדרות משל עצמו: layout עם 2 וריאנטים, show_image, image_height עם 4 וריאנטים, show_date, show_author, וטווח padding_top שנע מ-0 עד 100 בצעדים של 4px. אף אחת מההגדרות האלה לא מתייחסת ל-collage, לבלוקים או לגריד תמונות מעבר לתמונה הממוזערת הבודדת של כל פוסט. שני הסקשנים לא חולקים סכמת הגדרות ולא נבנו כדי להחליף אחד את השני, כפי שאושר בקריאת שני הקבצים באותו קומיט, 258f00f, מתאריך 2026-08-10.
בכל השוק הנמדד של 329 ערכות עיצוב, שנבדק ב-themescout.co בתאריך 2026-09-04, מחיר ערכת העיצוב החציוני הוא $300 עם טווח שנע מ-$100 עד $500, והדירוג הממוצע על פני 308 ערכות עיצוב עומד על 4.53 מתוך 5, עם חציון של 23 ביקורות לכל ערכה. שום נתון מנתוני המחיר או הדירוג האלה לא ספציפי לסקשן ה-collage של Dawn, אבל הוא ממסגר את ההקשר שבתוכו סוחר בוחר: שוק שבו ערכת העיצוב הטיפוסית עומדת סביב $300 ונושאת דירוג קרוב ל-4.5. בצד הביצועים, מסד הנתונים של CrUX מיולי 2026 מראה חציון של 85.5% מביקורי המובייל שעוברים את כל Core Web Vitals על פני 247 ערכות עיצוב עם נתונים מספיקים, כאשר ערכת העיצוב הטובה ביותר בשוק מגיעה ל-98.6% והגרועה ביותר יורדת ל-46.1%. בדסקטופ, החציון על פני 199 ערכות עיצוב עם נתונים מספיקים הוא 86.2%, עם ציון שיא של 99.2% וציון תחתון של 30.3%. אלה מדידות אמיתיות של מבקרים, לא הרצות מעבדה, והן חשובות לכל סקשן עמוס תמונות כמו collage מפני שהתמונות שבתוך 3 הבלוקים האלה עדיין חייבות להיטען מהר מספיק כדי לשמור חנות בתוך טווח המעבר הזה. כללי ה-Theme Store של Shopify עצמה דורשים ציון ביצועים ממוצע מינימלי של 60 ב-Lighthouse וציון נגישות ממוצע מינימלי של 90 ב-Lighthouse על פני עמודי המוצר, הקולקציה והבית, גם בדסקטופ וגם במובייל, כך שכל ערכת עיצוב שפורסמה ונושאת סקשן בסגנון collage כבר עברה את הרצפה הזו לפני שסוחרים יכלו להתקין אותה.
פתחו את מתאם ערכת העיצוב, ספרו כמה בלוקים אתם באמת צריכים, ואם המספר גבוה מ-3, הפסיקו לנסות לדחוס את זה לתוך הסקשן הזה ובדקו פריסת עמוד בית אחרת במקום. אם 3 בלוקים ו-2 וריאנטים של פריסה לכל breakpoint מספיקים באמת לעמוד הבית שאתם רוצים, הסקשן הזה יעשה את העבודה בלי שידרשו שינויי קוד.
קובץ הסקשן sections/collage.liquid מגביל את ה-collage למקסימום של 3 בלוקים, כפי שאושר בקוד של Dawn בקומיט 258f00f מתאריך 2026-08-10. יש 4 סוגי בלוקים זמינים למילוי 3 המשבצות האלה, כך שאתה בוחר אילו סוגים להשתמש, לא כמה בלוקים להוסיף. אם אתה צריך יותר מ-3 אריחים חזותיים בעמוד הבית, הסקשן הזה לא נבנה בשביל זה ותצטרך סקשן אחר או סקשן מותאם אישית.
כן, אבל רק בתוך 2 אפשרויות לכל אחד. ההגדרה desktop_layout שולטת בסידור בדסקטופ עם 2 וריאנטים, ו-mobile_layout שולטת בנפרד בסידור במובייל עם 2 וריאנטים משל עצמה. זה אומר שאתה בוחר אחד משני מבטים בדסקטופ ואחד משני מבטים במובייל, ואין סליידר או הגדרת גריד מותאמת אישית מתחת לאף אחת מההגדרות.
יש לו הגדרת heading מסוג inline_richtext, כך שהוא מקבל עיצוב אינלייני בסיסי ולא רק טקסט רגיל. גודל הכותרת נשלט על ידי heading_size, הגדרת select עם 5 וריאנטים. אין שדה כותרת משנה נפרד ואין בלוק המיועד לטקסט תיאורי מעבר למה ש-4 סוגי הבלוקים מאפשרים.
כן, card_styles היא הגדרת select עם 2 וריאנטים, ובנוסף color_scheme מאפשרת להקצות ערך color_scheme לכל הסקשן. זה כל משטח העיצוב החזותי: 2 אפשרויות לסגנון כרטיס ובוחר סכמה אחד, בלי דריסה פר-בלוק לצבע או לסגנון כרטיס בתוך סקשן ה-collage עצמו.
מפני שסקשני התוכן האחרים של Dawn יושבים בסמוך באותה ערכת עיצוב ומתבלבלים עם collage. סקשן הבלוג הראשי, sections/main-blog.liquid, הוא קובץ נפרד עם 7 הגדרות משל עצמו, ובהן layout עם 2 וריאנטים, show_image, image_height עם 4 וריאנטים, show_date, show_author, וטווח padding_top מ-0 עד 100 בצעדים של 4px. הוא לא חולק קוד עם collage.liquid ולא יכול לייצר גריד collage.