Theme editorTheme editor / עורך התבניתעורך התבנית שבו מנהלים מקטעים, בלוקים, מקורות דינמיים והגדרות עיצוב.פתיחה במילון (עורך התבנית) הוא הכלי שבו עורכים את המראה והמבנה של Online Store (החנות המקוונת) בלי לערוך קוד ישירות. דרכו עובדים על Templates (תבניות), Sections (מקטעים), BlocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון (בלוקים), ThemeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון settings (הגדרות תבנית) ותצוגות שונות.
Shopify מציגה את העורך ככלי עבודה ויזואלי, אבל שינוי בו משפיע על עמודים אמיתיים. לכן יש לעבוד על Draft themeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון (תבנית טיוטה) כשאפשר, לבדוק מובייל ודסקטופ, ולתעד שינויי מבנה חשובים.
במדריך הזה
המדריך מסביר את מבנה ה-Theme editor, בחירת תבנית עמוד, הוספת מקטעים ובלוקים, שימוש במקורות דינמיים, הגדרות תבנית, תצוגה מקדימה, שמירה ופרסום.
ניווט בעורך
בעורך בוחרים איזה Template (תבנית עמוד) לערוך, למשל Home page (עמוד בית), Product (מוצר), CollectionCollection / קולקציהמונח Shopify שמשמעותו בעברית: קולקציה. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון (קולקציה), Page (עמוד), Blog או Cart (עגלה), בהתאם לתבנית. שינוי בתבנית מוצר יכול להשפיע על מוצרים רבים שמשתמשים באותה תבנית.
Sections and blocksBlocks / בלוקיםרכיבי תוכן או פעולה שניתן להוסיף לתבנית, לעמוד או לעיתים גם לעמודי אדמין.פתיחה במילון (מקטעים ובלוקים)
Sections (מקטעים) הם אזורי תוכן גדולים, ו-Blocks (בלוקים) הם רכיבים בתוך מקטע. אפשר להוסיף, להסיר, להסתיר, לגרור ולערוך אותם לפי יכולות התבנית.
Dynamic sourcesDynamic sources / מקורות דינמייםמקורות דינמיים שמאפשרים לחבר תבנית לערכים כמו מטא-שדות במקום להזין תוכן קבוע.פתיחה במילון (מקורות דינמיים)
Dynamic sourcesDynamic sources / מקורות דינמייםמקורות דינמיים שמאפשרים לחבר תבנית לערכים כמו מטא-שדות במקום להזין תוכן קבוע.פתיחה במילון (מקורות דינמיים) מאפשרים לחבר שדה בתבנית לנתון כמו Metafield (שדה מטא), Metaobject (אובייקט מטא), כותרת מוצר או תמונת מוצר. זה מאפשר עמודים אחידים שמציגים תוכן שונה לכל מוצר.
ThemeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון settings (הגדרות תבנית)
ThemeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון settings קובעות הגדרות רוחביות כמו צבעים, טיפוגרפיה, כפתורים, מדיה, favicon, עגלה או מדיניות עיצוב. שינוי הגדרה רוחבית צריך להיבדק בכל סוגי העמודים המרכזיים.
שמירה, תצוגה מקדימה ופרסום
לפני פרסום, משתמשים בתצוגה מקדימה ובודקים דסקטופ ומובייל. אם עובדים על תבנית שאינה מפורסמת, אפשר לבדוק את הטיוטה לפני Publish (פרסום). בחנות פעילה, שינויי תבנית צריכים לעבור בדיקה כמו שינוי מוצר או checkoutCheckout / תהליך תשלוםשלב התשלום שבו לקוח מזין פרטים, בוחר משלוח ומשלים רכישה.פתיחה במילון.
הכנה לפני עריכת תבנית
Shopify מציגה Caution (אזהרה) לפני עבודה ב-Theme editor: מומלץ Duplicate your themeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון (לשכפל את התבנית) כדי ליצור עותק גיבוי, להבין מה רמת התמיכה הזמינה לתבנית, וללמוד דרישות ושיטות עבודה להעלאת Images (תמונות). זה חשוב כי שינוי ויזואלי קטן יכול להשפיע על עמודים רבים.
Theme editorTheme editor / עורך התבניתעורך התבנית שבו מנהלים מקטעים, בלוקים, מקורות דינמיים והגדרות עיצוב.פתיחה במילון מאפשר לערוך Content (תוכן), Layout (פריסה), Typography (טיפוגרפיה) ו-Colors (צבעים) בלי לגעת בקוד. הוא מציג Preview window (חלון תצוגה מקדימה) כדי לראות התאמות מיד. עם זאת, Preview אינו תחליף לבדיקה בעמוד ציבורי או בטיוטת תבנית לפני פרסום.
מה אפשר לערוך בעורך
| אזור | דוגמאות | בדיקה |
|---|---|---|
| Templates (תבניות) | מוצר, קולקציה, עמוד, בלוג, עגלה | האם כמה עמודים משתמשים באותה תבנית |
| Sections (מקטעים) | Hero, מוצר מומלץ, טקסט, קולקציות | האם הסדר מתאים למובייל ולדסקטופ |
| Blocks (בלוקים) | כפתורים, טקסט, תמונות, App blocks | האם בלוק נתמך במקטע הזה |
| Theme settings (הגדרות תבנית) | צבעים, טיפוגרפיה, לוגו, Favicon | האם השינוי משפיע על כל האתר |
| Resources (משאבים) | מוצרים, קולקציות ותוכן קשור | האם עריכה בעורך משנה נתונים אמיתיים |
בחירת Template ועריכת משאבים
Shopify מציינת שאפשר להוסיף או לערוך Products (מוצרים), CollectionsCollections / קולקציותקבוצות מוצרים ידניות או חכמות שמשמשות לניווט, סינון, קידום וארגון קטלוג.פתיחה במילון (קולקציות) ומשאבים אחרים מתוך Theme editorTheme editor / עורך התבניתעורך התבנית שבו מנהלים מקטעים, בלוקים, מקורות דינמיים והגדרות עיצוב.פתיחה במילון. לכן צריך להבדיל בין עריכת מבנה תבנית לבין עריכת תוכן מסחרי. שינוי טקסט בבלוק תבנית יכול להיות גלובלי לתבנית, בעוד שינוי מוצר משפיע על נתוני המוצר עצמו.
כאשר פותחים את העורך, בוחרים Template דרך התפריט. שינוי בתבנית Product יכול להופיע בכל מוצר שמשתמש באותה תבנית. לפני שינוי במקטע קנייה, וריאנטים, מחיר או תיאור, בודקים אילו מוצרים תלויים בתבנית הזאת.
Shopify Magic ותוכן בתבנית
המקור כולל גם שימוש ב-Shopify Magic בתוך Theme editorTheme editor / עורך התבניתעורך התבנית שבו מנהלים מקטעים, בלוקים, מקורות דינמיים והגדרות עיצוב.פתיחה במילון. אם משתמשים בכלי AI ליצירת טקסטים, יש לבצע ביקורת אנושית: האם הטקסט מדויק, לא מבטיח משלוח או הנחה שאינם קיימים, מתאים לעברית ולמותג, ולא יוצר כפילות מול תיאור מוצר או עמוד מדיניות.
שינויי ThemeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון settings רחבים, כמו צבע כפתור או פונט, צריכים להיבדק בעמוד בית, מוצר, קולקציה, עמוד תוכן, בלוג, עגלה ו-Checkout כאשר רלוונטי. שינוי צבע אחד יכול לפגוע בנגישות אם יחס הניגודיות נמוך.
בדיקת איכות לפני פרסום
לפני שמעלים שינוי לחנות פעילה, בודקים את אותו נושא בשלושה מקומות: Shopify admin (ממשק הניהול), ThemeTheme / תבניתתבנית העיצוב והמבנה שמציגה את החנות ללקוחות ומשפיעה על עמודים, מקטעים, ביצועים ועריכה.פתיחה במילון preview (תצוגה מקדימה של התבנית), והעמוד הציבורי במובייל ובדסקטופ. הבדיקה הזאת חשובה במיוחד בתוכן שמופיע בכמה עמודים, כמו תפריטים, בלוקים, קולקציות, וריאנטים או כפתורי קנייה.
כדאי לעבוד עם רשימת בדיקה קבועה: האם השינוי נשמר, האם הוא מופיע במקום הנכון, האם קישורים מובילים ליעד הנכון, האם טקסטים לא נחתכים במובייל, האם תמונות נטענות, האם לקוח יכול להשלים פעולה, והאם לא נוצרה תלות באפליקציה או בהגדרה שאינה זמינה בכל MarketMarket / שוקמונח Shopify שמשמעותו בעברית: שוק. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון (שוק).
תיעוד, בעלות ובדיקת מובייל
בכל שינוי תוכן או תבנית כדאי לתעד Owner (בעלים), סיבת שינוי, עמודים מושפעים ותאריך בדיקה הבא. Shopify מאפשרת לבצע הרבה פעולות מתוך ממשק הניהול, אבל קל לשכוח ששינוי קטן יכול להשפיע על מסלול קנייה שלם: תפריט מוביל לקולקציה, קולקציה מובילה למוצר, מוצר מוביל לקופה, ואפליקציה או בלוק יכולים לשנות מה הלקוח רואה בדרך. לכן תיעוד קצר מונע מצב שבו צוות שיווק משנה תוכן, צוות תפעול משנה מלאי, וצוות שירות מגלה רק אחרי פניות לקוחות שהחנות מציגה מידע לא עקבי.
בדיקת Mobile (מובייל) אינה רק הקטנת חלון בדפדפן. פותחים את העמוד במכשיר או בתצוגת מובייל אמינה, בודקים גלילה, פתיחת תפריט, בחירת וריאנט, טעינת תמונות, חיפוש, לחיצה על כפתורים, קריאות טבלאות, ושדות שבהם טקסט עברי ואנגלי מופיעים יחד. אם התוכן כולל טבלה או רשימת צעדים, בודקים שהעמודות לא נחתכות ושכותרות המשנה עוזרות לסריקה מהירה. בחנות פעילה, בעיה קטנה במובייל יכולה להשפיע על רוב התנועה.
סימני אזהרה אחרי שינוי
| סימן | מה לבדוק מיד |
|---|---|
| לקוחות לא מוצאים פריט | חיפוש, תפריט, קולקציה, שם מוצר, תגיות ומילים נרדפות |
| כפתור קנייה לא מופיע | מלאי, וריאנט נבחר, תבנית מוצר, App block או הגדרת checkout |
| עמוד נראה שונה בין מוצרים | Template משויך, Dynamic sources, Metafields ובלוקים מוסתרים |
| קישור מוביל ל-404 | Menu item, URL handle, Redirect והאם היעד נמחק או הוסתר |
| אפליקציה נעלמה אחרי החלפת תבנית | App embeds, App blocks, תאימות התבנית והאם צריך להפעיל מחדש |
כאשר אחד מסימני האזהרה מופיע, לא מסתפקים בתיקון נקודתי. בודקים אם אותה בעיה קיימת בעמודים דומים: כל מוצר שמשתמש באותה תבנית, כל קולקציה שמסתמכת על אותו תנאי, כל תפריט עם אותו יעד, וכל MarketMarket / שוקמונח Shopify שמשמעותו בעברית: שוק. ההקשר המדויק תלוי בעמוד או בתהליך שבו המונח מופיע.פתיחה במילון שמקבל הגדרות שונות. כך השינוי נשאר מקור-נאמן לתיעוד של Shopify וגם מתאים להפעלה יומיומית בחנות אמיתית.
בסיום, שמרו צילום מסך או תיאור קצר של מצב תקין, במיוחד כאשר השינוי קשור לקופה, חיפוש, תפריט ראשי או תבנית מוצר. בפעם הבאה שמדווחת תקלה, יהיה ברור מה השתנה ומה אמור להיראות ללקוח.
אם יש כמה שפות או Markets, חזרו על הבדיקה לכל גרסה פעילה ולא רק לחנות ברירת המחדל.
שאלות נפוצות
האם שינוי Template משפיע על כל המוצרים?
כן, אם כמה מוצרים משתמשים באותה תבנית. לכן צריך לבדוק איזה מוצרים או עמודים מחוברים לתבנית לפני שינוי.
מהם Dynamic sources?
מקורות דינמיים מחברים רכיב בתבנית לנתון כמו Metafield או Metaobject, כך שהתוכן משתנה לפי המוצר או העמוד.