הצגת Shop Promise בדף המוצר שלך
תג Shop Promise מוצג לצד מוצרים בהזמנות מקומיות זכאיות בארה"ב, כאשר Shopify יכולה לחזות תאריך אספקה שנופל בתוך חלון המסירה של Shop Promise. תג זה מיידע את הלקוחות שההזמנה שלהם כוללת מסירה מהירה ואמינה.
לאחר הפעלת Shop Promise, עליך לנווט לדף המוצר דרך עורך ערכות הנושא כדי לוודא שתג Shop Promise מוצג כראוי.
אם התג אינו מוצג כראוי, עליך לוודא שמופעלים בחנות שלך לחצני תשלום מהיר. יש לך גם כמה אפשרויות להתאמה אישית של תצוגת תג Shop Promise.
בדף זה
מיקום מודול Shop Promise באופן ידני
אם יש לך ניסיון בקריאה ובעריכה של קוד ערכת נושא, באפשרותך לזהות היכן יש לבצע שינויים ולעדכן את דף המוצר.
זיהוי המקומות לביצוע שינויים
הקוד של מודול Shop Promise צריך להיכלל בטופס המוצר שבדף המוצר, שאמור להיות דומה ל-{%- form 'product', product -%}. ניתן למצוא את מודול Shop Promise במיקומים שונים בהתאם לערכת הנושא שלך. להלן המיקומים הנפוצים ביותר:
main-product.liquidproduct-form.liquidproduct-template.liquidproduct.liquid
עדכון דף המוצר
שלבים:
מחשב שולחני
מ-Shopify Admin, עבור אל חנות מקוונת.
יש למצוא את ערכת הנושא שברצונך לערוך, ללחוץ על הסמל
כדי לפתוח את תפריט הפעולות, ולאחר מכן ללחוץ על עריכת קוד.
יש לפתוח את הקובץ הרלוונטי.
יש למצוא את השורה שמכילה
{%- if block.settings.show_dynamic_checkout -%}או{{ form | payment_button }}.יש ליצור שורה חדשה ממש מתחת ל-
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}ולהדביק בשורה זו את הקוד הבא:
<div class="delivery-promise__promise-container"></div>- יש ללחוץ על שמירה.
התוצאה אמורה להיות דומה לזו:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>נייד
באפליקציית Shopify, יש להקיש על הסמל
.
במקטע ערוצי מכירות, יש להקיש על חנות אונליין > ניהול כל ערכות הנושא.
אתר את ערכת הנושא שברצונך לערוך, הקש על הלחצן
כדי לפתוח את תפריט הפעולות, ולאחר מכן הקש על עריכת קוד.
יש לפתוח את הקובץ הרלוונטי.
יש למצוא את השורה שמכילה
{%- if block.settings.show_dynamic_checkout -%}או{{ form | payment_button }}.יש ליצור שורה חדשה ממש מתחת ל-
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}ולהדביק בשורה זו את הקוד הבא:
<div class="delivery-promise__promise-container"></div>- יש להקיש על שמירה או על ✓.
התוצאה אמורה להיות דומה לזו:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>עקיפה ידנית של ערכת הנושא של המודול Shop Promise
למודול Shop Promise יש ערכת נושא כהה וערכת נושא בהירה. המודול משתמש באופן אוטומטי בערכת הנושא בעלת יחס הניגודיות הגבוה ביותר בהשוואה לצבע הרקע של דף המוצר.
אם יש לך ניסיון בקריאה ובעריכה של קוד של ערכות נושא, אפשר לעקוף את ערכת הנושא שנבחרה למודול על ידי הוספת מאפיין נתונים לרכיב העוגן המשמש למיקום ידני של המודול Shop Promise.
לפני ביצוע שינויים כלשהם, יש לשכפל את ערכת הנושא ולערוך את הערכה המשוכפלת, כדי שיהיה אפשר לבטל בקלות שינויים שבוצעו.
שלבים:
מחשב שולחני
- יש לפעול לפי ההוראות למיקום ידני של המודול Shop Promise בדף המוצר ולאחר מכן להשאיר את עורך ערכות הנושא פתוח.
- יש להוסיף לרכיב העוגן החדש שיצרת מאפיין נתונים של ערכת הנושא שמוגדר כ-dark או כ-light.
- יש ללחוץ על שמירה.
התוצאה אמורה להיות דומה לאחת מהאפשרויות הבאות:
<div class="delivery-promise__promise-container" data-theme="dark"></div>או
<div class="delivery-promise__promise-container" data-theme="light"></div>נייד
- יש לפעול לפי ההוראות למיקום ידני של המודול Shop Promise בדף המוצר ולאחר מכן להשאיר את עורך ערכות הנושא פתוח.
- יש להוסיף לרכיב העוגן החדש שיצרת מאפיין נתונים של ערכת הנושא שמוגדר כ-dark או כ-light.
- יש להקיש על שמירה.
התוצאה אמורה להיות דומה לאחת מהאפשרויות הבאות:
<div class="delivery-promise__promise-container" data-theme="dark"></div>או
<div class="delivery-promise__promise-container" data-theme="light"></div>הוספת קוד HTML או Liquid מותאם אישית עבור מודול Promise
אם ערכת הנושא תומכת בבלוקים מותאמים אישית, אפשר להשתמש בבלוק Liquid מותאם אישית כדי להוסיף את המודול Shop Promise לדף המוצר ללא עריכת קוד של ערכת נושא.
שלבים להוספת מודול Promise באמצעות בלוק Liquid מותאם אישית:
מחשב שולחני
מ-Shopify Admin, עבור אל חנות מקוונת.
יש למצוא את ערכת הנושא שברצונך לערוך וללחוץ על עריכת ערכת נושא.
יש לנווט לדף מוצר באמצעות בורר התבניות בשורת התפריט העליונה.
בתפריט שבסרגל הצד, יש למצוא את המקטע פרטי מוצר.
יש ללחוץ על הוספת בלוק ולבחור באפשרות Liquid מותאם אישית מרשימת הבלוקים הזמינים.
בשדה הטקסט של Liquid מותאם אישית, יש להדביק את הקוד הבא:
<div class="delivery-promise__promise-container"></div>- יש למקם את הבלוק על ידי גרירתו למיקום הרצוי, בדרך כלל מתחת לבלוק של לחצני הקנייה.
- יש ללחוץ על שמירה כדי להחיל את השינויים.
אם ברצונך לציין העדפה לערכת נושא (כהה או בהירה), יש להשתמש באחת מהאפשרויות הבאות במקום זאת:
<div class="delivery-promise__promise-container" data-theme="dark"></div>או
<div class="delivery-promise__promise-container" data-theme="light"></div>נייד
באפליקציית Shopify, יש להקיש על הסמל
.
במקטע ערוצי מכירות, יש להקיש על חנות אונליין > ניהול כל ערכות הנושא.
יש למצוא את ערכת הנושא הפעילה שלך ולהקיש על עריכת ערכת נושא.
יש לנווט לדף מוצר באמצעות בורר התבניות שלמעלה.
יש להקיש על המקטע פרטי מוצר.
יש להקיש על הוספת בלוק ולבחור באפשרות Liquid מותאם אישית.
בשדה הטקסט של Liquid מותאם אישית, יש להדביק את הקוד הבא:
<div class="delivery-promise__promise-container"></div>- יש למקם את הבלוק על ידי גרירתו למיקום הרצוי, בדרך כלל מתחת לבלוק של לחצני הקנייה.
- יש להקיש על שמירה כדי להחיל את השינויים.
אם ברצונך לציין העדפה לערכת נושא (כהה או בהירה), יש להשתמש באחת מהאפשרויות הבאות במקום זאת:
<div class="delivery-promise__promise-container" data-theme="dark"></div>או
<div class="delivery-promise__promise-container" data-theme="light"></div>השפות הנתמכות עבור תג Shop Promise
אפשר להיעזר בטבלה הבאה כדי לראות את השפות שבהן ניתן להציג את התג של Shop Promise. אם שפת החנות שלך אינה נתמכת, התג של Shop Promise יוצג באנגלית.
| סינית (מפושטת) | סינית (מסורתית) | קרואטית | צ'כית |
| דנית | הולנדית | אנגלית | פינית |
| צרפתית | גרמנית | יוונית | הינדי |
| הונגרית | אינדונזית | איטלקית | יפנית |
| קוריאנית | ליטאית | מלאית | נורווגית (בוקמול) |
| פולנית | פורטוגזית (ברזיל) | פורטוגזית (פורטוגל) | רומנית |
| רוסית | סלובקית | סלובנית | ספרדית |
| שוודית | תאילנדית | טורקית | וייטנאמית |