וידג'ט מפה ל-Shopify

למה מקטע בתבנית עדיף על אפליקציית Shopify

רוב האפליקציות בקטגוריית "מפות" דורשות התקנה, הרשאות לנתוני החנות שלך ודמי מנוי חודשיים — בשביל iframe אחד, בסופו של דבר. זו האלטרנטיבה הכנה: קובץ Liquid אחד שיושב בתבנית שלך. הוא לא מבקש שום הרשאה לחנות, לא מוסיף סקריפטים לדפים שלך, לא שולח שום דבר הביתה ולא עולה כלום. הבקשות החיצוניות היחידות שהמבקרים שלך מבצעים הן ה-iframe המבודד של המפה מ-whatismylocation.ai והאריחים שלו מ-OpenStreetMap — בלי קובצי Cookie של Google, בלי המטען של באנר הסכמה. ואם השירות לא יהיה זמין באיזה שלב, ה-iframe נכשל בשקט בלי לשבור את הדף. מוחקים את קובץ המקטע וכל זכר ממנו נעלם.

הורדת whatismylocation-shopify-sections.zip — שני המקטעים ובנוסף README, כמה קילובייטים. אחר כך פעל לפי שלבי ההתקנה שלמטה.

התקנה בשתי דקות בערך

שני חצאים: מדביקים את הקובץ פעם אחת, ואז משתמשים בו כמו בכל מקטע מובנה.

הדבקת הקובץ: ממשק הניהול של Shopify ▸ Online Store ▸ Themes ▸ ⋯ ▸ Edit code. בסרגל הצד, תחת Sections, לחץ על Add a new section, קרא לו whatismylocation-map, מחק את התוכן שנוצר אוטומטית והדבק את כל התוכן של whatismylocation-map.liquid — בלוק {% schema %} שבתחתית הוא זה שבונה את פאנל ההגדרות שלך, ולכן הוא חייב לבוא איתו. שמור.

שימוש: פתח את עורך התבנית (Customize), עבור לדף "צור קשר" (או לכל דף אחר), לחץ על Add section ובחר WhatIsMyLocation Map. פאנל ההגדרות מופיע בצד; עד שתזין קואורדינטות, המקטע מציג טקסט מקום שמסביר בדיוק מה חסר לו.

את הקואורדינטות אתה מקבל בבונה הטמעת המפות — הקלד את הכתובת שלך, ואז גרור את הסמן אל הכניסה לפני ההעתקה. המקטע שולח את הקואורדינטות הסופיות שלך, כך שהסמן לא יכול לזוז אחר כך.

סניפים הם בלוקים

חנויות עם כמה סניפים מקבלות את החלק הטוב ביותר: בעורך התבנית כל סניף הוא בלוק — לוחצים על Add branch, ממלאים קו רוחב, קו אורך, תווית וכתובת, ומשנים את הסדר בגרירה (עד 10). המפה מתאימה את עצמה אוטומטית לכל הסניפים, הסמנים ממוספרים בהתאם לרשימה, והמבקרים מקבלים את פאנל המקומות — אקורדיון לצד המפה בדסקטופ, ורצועת כרטיסים להחלקה בטלפון, עם הוראות הגעה לכל סניף ואייקונים אופציונליים של "פתח ב-Google Maps / Apple Maps". פריסת הפאנל (auto, בצד, למטה, ללא) ואנימציית המעבר (חלקה, עמעום, תוססת, ללא — מבקרים עם הגדרת צמצום תנועה מקבלים תמיד את הגרסה המיידית) הן תפריטים נפתחים באותו פאנל.

כל ההגדרות, אחת אחת

אותו קובץ zip כולל גם את whatismylocation-widget.liquid — וידג'ט מצא-את-המיקום-שלי כמקטע שני (עיצוב, מצב מוקטן/מלא, גובה), לדפי משלוחים ולאיתור חנויות.

פתרון תקלות

המקטע לא מופיע תחת Add section. הקובץ חייב להיות בתיקיית Sections (לא ב-Snippets ולא ב-Assets), וההדבקה חייבת לכלול את כל הקובץ — אם בלוק {% schema %} נחתך, Shopify דוחה או מסתיר את המקטע. הדבק שוב את הקובץ במלואו ושמור.

שגיאת "Invalid schema" בשמירה. הדבקה חלקית — לרוב סוגר מסולסל חסר, כי סימנת עד התחתית פחות שורה. הדבק את הקובץ המלא מחדש; אל תערוך את ה-schema ביד אלא אם אתה מכיר Liquid.

המפה אפורה. אריחי המפה מגיעים מ-tile.openstreetmap.org; חוסם פרסומות אגרסיבי או רשת ארגונית עלולים לחסום אותם. בדוק בטלפון על חבילת גלישה — הלקוחות שלך כמעט בוודאות רואים אותה כמו שצריך.

הסמן לא נמצא על הדלת שלי. בנה את הקואורדינטות מחדש בבונה, גרור את הסמן אל הכניסה שלך והדבק את הערכים החדשים בהגדרות המקטע.

העריכות לא מופיעות בחנות החיה. ערכת טיוטה או תבנית שלא פורסמה — בצע את השינוי בתבנית המפורסמת (או פרסם את זו שערכת). לווידג'ט עצמו אין מה לשמור במטמון.