ThemeTheme / תבניתTheme (תבנית) היא קובץ העיצוב והלוגיקה של חזית החנות ב-Shopify (שופיפיי) — היא קובעת את המראה, מבנה הדפים, הפונטים, הצבעים והתנהגות כל רכיב שהלקוח רואה.פתיחה במילון apps (אפליקציות תבנית) מאפשרות לאפליקציות להוסיף רכיבים לחנות דרך Theme editorTheme editor / עורך התבניתTheme editor (עורך התבנית) הוא הממשק הויזואלי של Shopify (שופיפיי) שמאפשר לסוחר לערוך סקשנים, בלוקים, צבעים וגופנים של החנות בלי לגעת בקוד.פתיחה במילון (עורך התבנית) בלי לערוך קוד תבנית ידנית. Shopify משתמשת בעיקר במונחים App blocksBlocks / בלוקיםBlocks (בלוקים) הם יחידות תוכן מודולריות שאפשר להוסיף, להזיז ולהסיר בעורך התבנית של Shopify (שופיפיי) — בתוך סקשנים בחזית החנות, או באזורים מוגדרים של ה-Checkout.פתיחה במילון (בלוקי אפליקציה) ו-App embeds (הטמעות אפליקציה).
App blockBlock / בלוקBlock (בלוק) הוא יחידת תוכן מודולרית בעורך התבנית של Shopify (שופיפיי) — רכיב שניתן להוסיף, להסיר, לסדר מחדש ולהגדיר בתוך Section בלי לגעת בקוד.פתיחה במילון הוא רכיב שמוסיפים למקטע או לתבנית במקום מסוים, למשל ביקורות, טופס, המלצות או נאמנות. App embed הוא רכיב שפועל ברקע או באתר כולו, למשל צ׳אט, פיקסל, באנר או סקריפט.
במדריך הזה
המדריך מסביר איך אפליקציות מופיעות בעורך התבנית, מה ההבדל בין App blocksBlocks / בלוקיםBlocks (בלוקים) הם יחידות תוכן מודולריות שאפשר להוסיף, להזיז ולהסיר בעורך התבנית של Shopify (שופיפיי) — בתוך סקשנים בחזית החנות, או באזורים מוגדרים של ה-Checkout.פתיחה במילון ו-App embeds, איך מפעילים ומכבים, ומה לבדוק לפני הסרת אפליקציה או שינוי תבנית.
App blocks (בלוקי אפליקציה)
כאשר אפליקציה מספקת App blockBlock / בלוקBlock (בלוק) הוא יחידת תוכן מודולרית בעורך התבנית של Shopify (שופיפיי) — רכיב שניתן להוסיף, להסיר, לסדר מחדש ולהגדיר בתוך Section בלי לגעת בקוד.פתיחה במילון, אפשר להוסיף אותו באזור נתמך בתבנית. לא כל תבנית או מקטע תומכים בכל בלוק, ולכן אם הבלוק לא מופיע, בודקים את תמיכת התבנית ואת התקנת האפליקציה.
App embeds (הטמעות אפליקציה)
App embed מופעל בדרך כלל דרך אזור App embeds בעורך התבנית. הוא יכול להוסיף קוד לאתר כולו או לפעול בתנאים מסוימים. כיבוי embed יכול להשבית פונקציה שנראית ללקוח רק בתרחיש מסוים.
הרשאות ותלות באפליקציה
אם מסירים אפליקציה, הבלוקים או ההטמעות שלה עשויים להיעלם או להפסיק לעבוד. לפני הסרה, בדקו באילו תבניות היא מופיעה, האם יש קוד שנשאר בתבנית, והאם יש תהליכים כמו ביקורות, צ׳אט, חיפוש או upsell שתלויים בה.
בדיקות ביצועים ותצוגה
אפליקציות תבנית יכולות להשפיע על מהירות, יציבות ונראות. אחרי הוספה או כיבוי, בדקו עמוד בית, מוצר, קולקציה, עגלה, מובייל ודסקטופ, וכן קונסולת דפדפן אם יש תקלה חזותית.
שלוש דרכים שבהן אפליקציות מתחברות לתבנית
Shopify מסבירה שאפליקציות יכולות להשתלב בתבנית בשלוש דרכים: App blockBlock / בלוקBlock (בלוק) הוא יחידת תוכן מודולרית בעורך התבנית של Shopify (שופיפיי) — רכיב שניתן להוסיף, להסיר, לסדר מחדש ולהגדיר בתוך Section בלי לגעת בקוד.פתיחה במילון (בלוק אפליקציה), App embed (הטמעת אפליקציה), או Custom code (קוד מותאם) שמוזרק או נוסף לתבנית. ההבדל חשוב כי לכל דרך יש מיקום, יכולת כיבוי וסיכון תחזוקה שונים.
App blocksBlocks / בלוקיםBlocks (בלוקים) הם יחידות תוכן מודולריות שאפשר להוסיף, להזיז ולהסיר בעורך התבנית של Shopify (שופיפיי) — בתוך סקשנים בחזית החנות, או באזורים מוגדרים של ה-Checkout.פתיחה במילון מאפשרים להוסיף פונקציונליות בדיוק במקום שבו רוצים להשתמש בה, למשל ביקורות בעמוד מוצר או טופס בעמוד תוכן. App embeds יכולים לצוף, להופיע כשכבת Overlay (שכבת על), או להוסיף קוד לאתר בלי להיות גלויים ללקוח, למשל צ׳אט או מעקב אנליטיקה.
App blocks בפועל
| שימוש | דגש |
|---|---|
| Add block (הוספת בלוק) | מופיע רק במקטעים שתומכים באפליקציה וב-App blocks |
| Add section (הוספת מקטע) | חלק מהאפליקציות יכולות להתווסף כמקטע Apps בתבנית |
| Reposition (מיקום מחדש) | אפשר לגרור בלוק למיקום אחר אם התבנית מאפשרת |
| Customize (התאמה) | ההגדרות תלויות באפליקציה ובתבנית |
תאימות ותיעוד
Shopify מציינת ש-App blocksBlocks / בלוקיםBlocks (בלוקים) הם יחידות תוכן מודולריות שאפשר להוסיף, להזיז ולהסיר בעורך התבנית של Shopify (שופיפיי) — בתוך סקשנים בחזית החנות, או באזורים מוגדרים של ה-Checkout.פתיחה במילון זמינים רק בתבניות תואמות, ושחלק מהמקטעים לא תומכים בהם. אם בלוק לא מופיע ב-Block picker (בורר בלוקים), בודקים את תיעוד התבנית, תיעוד האפליקציה והאם האפליקציה מותקנת. שורת החיפוש בעורך מחפשת באפליקציות שמותקנות, לא בכל App Store.
אם מחליפים Published themeTheme / תבניתTheme (תבנית) היא קובץ העיצוב והלוגיקה של חזית החנות ב-Shopify (שופיפיי) — היא קובעת את המראה, מבנה הדפים, הפונטים, הצבעים והתנהגות כל רכיב שהלקוח רואה.פתיחה במילון (תבנית מפורסמת), Shopify מציינת שייתכן שיהיה צורך להפעיל מחדש אפליקציות בתבנית החדשה, כי הן לא תמיד פעילות כברירת מחדל. זה סיכון נפוץ במעבר תבנית: החנות נראית תקינה, אבל ביקורות, צ׳אט, פיקסלים או בלוקי נאמנות נעלמים.
App embeds לפי Market וקוד מותאם
App embeds ניתנים להפעלה, כיבוי, תצוגה מקדימה והתאמה דרך Theme editorTheme editor / עורך התבניתTheme editor (עורך התבנית) הוא הממשק הויזואלי של Shopify (שופיפיי) שמאפשר לסוחר לערוך סקשנים, בלוקים, צבעים וגופנים של החנות בלי לגעת בקוד.פתיחה במילון. אם יש כמה Markets (שווקים), Shopify מציינת שאפשר להתאים App embeds לפי MarketMarket / שוקMarket (שוק) הוא הגדרת מכירה גיאוגרפית ב-Shopify (שופיפיי) שמאפשרת לחנות להציג מחירים, שפה, מטבע ותנאי משלוח שונים לקהלי יעד שונים — למשל ישראל לעומת אירופה.פתיחה במילון דרך בחירת שוק בעורך לפני הפעלה או שינוי הגדרות. כך אפשר, למשל, להפעיל צ׳אט רק בשוק מסוים.
חלק מהאפליקציות מוסיפות Custom code ישירות לתבנית. במקרים מסוימים אפשר להשתמש ב-Custom LiquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון sectionSection / מקטעSection (מקטע) הוא יחידת בניין מודולרית בתבנית Shopify (שופיפיי) — רצועה עצמאית של תוכן ועיצוב שאפשר להוסיף, להסיר ולסדר מחדש דרך עורך התבנית בלי לגעת בקוד.פתיחה במילון (מקטע LiquidLiquid / ליקווידLiquid (ליקוויד) היא שפת התבניות של Shopify (שופיפיי) — היא רצה בצד השרת ומחליפה תגים כמו `{{ product.title }}` בערכים האמיתיים מהחנות לפני שהדף נשלח לדפדפן.פתיחה במילון מותאם) במקום עריכת קוד עמוקה. לפני הסרת אפליקציה, בודקים אם נשאר קוד בתבנית, אם יש App embeds פעילים, ואם יש App blocksBlocks / בלוקיםBlocks (בלוקים) הם יחידות תוכן מודולריות שאפשר להוסיף, להזיז ולהסיר בעורך התבנית של Shopify (שופיפיי) — בתוך סקשנים בחזית החנות, או באזורים מוגדרים של ה-Checkout.פתיחה במילון בתבניות עמוד.
בדיקת איכות לפני פרסום
לפני שמעלים שינוי לחנות פעילה, בודקים את אותו נושא בשלושה מקומות: Shopify admin (ממשק הניהול), ThemeTheme / תבניתTheme (תבנית) היא קובץ העיצוב והלוגיקה של חזית החנות ב-Shopify (שופיפיי) — היא קובעת את המראה, מבנה הדפים, הפונטים, הצבעים והתנהגות כל רכיב שהלקוח רואה.פתיחה במילון preview (תצוגה מקדימה של התבנית), והעמוד הציבורי במובייל ובדסקטופ. הבדיקה הזאת חשובה במיוחד בתוכן שמופיע בכמה עמודים, כמו תפריטים, בלוקים, קולקציות, וריאנטים או כפתורי קנייה.
כדאי לעבוד עם רשימת בדיקה קבועה: האם השינוי נשמר, האם הוא מופיע במקום הנכון, האם קישורים מובילים ליעד הנכון, האם טקסטים לא נחתכים במובייל, האם תמונות נטענות, האם לקוח יכול להשלים פעולה, והאם לא נוצרה תלות באפליקציה או בהגדרה שאינה זמינה בכל MarketMarket / שוקMarket (שוק) הוא הגדרת מכירה גיאוגרפית ב-Shopify (שופיפיי) שמאפשרת לחנות להציג מחירים, שפה, מטבע ותנאי משלוח שונים לקהלי יעד שונים — למשל ישראל לעומת אירופה.פתיחה במילון (שוק).
תיעוד, בעלות ובדיקת מובייל
בכל שינוי תוכן או תבנית כדאי לתעד Owner (בעלים), סיבת שינוי, עמודים מושפעים ותאריך בדיקה הבא. Shopify מאפשרת לבצע הרבה פעולות מתוך ממשק הניהול, אבל קל לשכוח ששינוי קטן יכול להשפיע על מסלול קנייה שלם: תפריט מוביל לקולקציה, קולקציה מובילה למוצר, מוצר מוביל לקופה, ואפליקציה או בלוק יכולים לשנות מה הלקוח רואה בדרך. לכן תיעוד קצר מונע מצב שבו צוות שיווק משנה תוכן, צוות תפעול משנה מלאי, וצוות שירות מגלה רק אחרי פניות לקוחות שהחנות מציגה מידע לא עקבי.
בדיקת Mobile (מובייל) אינה רק הקטנת חלון בדפדפן. פותחים את העמוד במכשיר או בתצוגת מובייל אמינה, בודקים גלילה, פתיחת תפריט, בחירת וריאנט, טעינת תמונות, חיפוש, לחיצה על כפתורים, קריאות טבלאות, ושדות שבהם טקסט עברי ואנגלי מופיעים יחד. אם התוכן כולל טבלה או רשימת צעדים, בודקים שהעמודות לא נחתכות ושכותרות המשנה עוזרות לסריקה מהירה. בחנות פעילה, בעיה קטנה במובייל יכולה להשפיע על רוב התנועה.
סימני אזהרה אחרי שינוי
| סימן | מה לבדוק מיד |
|---|---|
| לקוחות לא מוצאים פריט | חיפוש, תפריט, קולקציה, שם מוצר, תגיות ומילים נרדפות |
| כפתור קנייה לא מופיע | מלאי, וריאנט נבחר, תבנית מוצר, App block או הגדרת checkout |
| עמוד נראה שונה בין מוצרים | Template משויך, Dynamic sources, Metafields ובלוקים מוסתרים |
| קישור מוביל ל-404 | Menu item, URL handle, Redirect והאם היעד נמחק או הוסתר |
| אפליקציה נעלמה אחרי החלפת תבנית | App embeds, App blocks, תאימות התבנית והאם צריך להפעיל מחדש |
כאשר אחד מסימני האזהרה מופיע, לא מסתפקים בתיקון נקודתי. בודקים אם אותה בעיה קיימת בעמודים דומים: כל מוצר שמשתמש באותה תבנית, כל קולקציה שמסתמכת על אותו תנאי, כל תפריט עם אותו יעד, וכל MarketMarket / שוקMarket (שוק) הוא הגדרת מכירה גיאוגרפית ב-Shopify (שופיפיי) שמאפשרת לחנות להציג מחירים, שפה, מטבע ותנאי משלוח שונים לקהלי יעד שונים — למשל ישראל לעומת אירופה.פתיחה במילון שמקבל הגדרות שונות. כך השינוי נשאר מקור-נאמן לתיעוד של Shopify וגם מתאים להפעלה יומיומית בחנות אמיתית.
בסיום, שמרו צילום מסך או תיאור קצר של מצב תקין, במיוחד כאשר השינוי קשור לקופה, חיפוש, תפריט ראשי או תבנית מוצר. בפעם הבאה שמדווחת תקלה, יהיה ברור מה השתנה ומה אמור להיראות ללקוח.
אם יש כמה שפות או Markets, חזרו על הבדיקה לכל גרסה פעילה ולא רק לחנות ברירת המחדל.
שאלות נפוצות
מה ההבדל בין App block לבין App embed?
App block הוא רכיב שממקמים באזור מסוים בתבנית. App embed הוא הטמעה שיכולה לפעול ברקע או באתר כולו.
מה לבדוק לפני הסרת אפליקציה?
בדקו באילו תבניות, בלוקים, embeds ותהליכי לקוח האפליקציה משתמשת, והאם יישאר קוד או תוכן תלוי.