הצגת Shop Promise בדף המוצר שלך

תג Shop Promise מוצג לצד תאריכי אספקה ובדפי מוצר עבור משלוחים זכאים שזמן האספקה המשוער שלהם בתוך ארצות הברית הוא חמישה ימים קלנדריים או פחות. התג הזה מיידע את הלקוחות שההזמנה שלהם כוללת מסירה מהירה ואמינה.

לאחר הפעלת Shop Promise, עליך לנווט לדף המוצר דרך עורך ערכות הנושא כדי לוודא שתג Shop Promise מוצג כראוי.

אם התג אינו מוצג כראוי, עליך לוודא שמופעלים בחנות שלך לחצני תשלום מהיר. יש לך גם כמה אפשרויות להתאמה אישית של תצוגת תג Shop Promise.

מיקום מודול Shop Promise באופן ידני

אם יש לך ניסיון בקריאה ובעריכה של קוד ערכת נושא, באפשרותך לזהות היכן יש לבצע שינויים ולעדכן את דף המוצר.

זיהוי המקומות לביצוע שינויים

הקוד של מודול Shop Promise צריך להיכלל בטופס המוצר שבדף המוצר, שאמור להיות דומה ל-{%- form 'product', product -%}. ניתן למצוא את מודול Shop Promise במיקומים שונים בהתאם לערכת הנושא שלך. להלן המיקומים הנפוצים ביותר:

  • main-product.liquid
  • product-form.liquid
  • product-template.liquid
  • product.liquid

עדכון דף המוצר

שלבים:

מחשב שולחני
  1. במנהל של Shopify, יש לעבור אל חנות אונליין > ערכות נושא.

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

  3. יש לפתוח את הקובץ הרלוונטי.

  4. יש למצוא את השורה שמכילה {%- if block.settings.show_dynamic_checkout -%} או {{ form | payment_button }}.

  5. יש ליצור שורה חדשה ממש מתחת ל-{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} ולהדביק בשורה זו את הקוד הבא:

<div class="delivery-promise__promise-container"></div>
  1. יש ללחוץ על שמירה.

התוצאה אמורה להיות דומה לזו:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
נייד
  1. באפליקציית Shopify, יש להקיש על הסמל תפריט.

  2. במקטע ערוצי מכירות, יש להקיש על חנות אונליין > ניהול כל ערכות הנושא.

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

  4. יש לפתוח את הקובץ הרלוונטי.

  5. יש למצוא את השורה שמכילה {%- if block.settings.show_dynamic_checkout -%} או {{ form | payment_button }}.

  6. יש ליצור שורה חדשה ממש מתחת ל-{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} ולהדביק בשורה זו את הקוד הבא:

<div class="delivery-promise__promise-container"></div>
  1. יש להקיש על שמירה או על .

התוצאה אמורה להיות דומה לזו:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

עקיפה ידנית של ערכת הנושא של המודול Shop Promise

למודול Shop Promise יש ערכת נושא כהה וערכת נושא בהירה. המודול משתמש באופן אוטומטי בערכת הנושא בעלת יחס הניגודיות הגבוה ביותר בהשוואה לצבע הרקע של דף המוצר.

אם יש לך ניסיון בקריאה ובעריכה של קוד של ערכות נושא, אפשר לעקוף את ערכת הנושא שנבחרה למודול על ידי הוספת מאפיין נתונים לרכיב העוגן המשמש למיקום ידני של המודול Shop Promise.

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

שלבים:

מחשב שולחני
  1. יש לפעול לפי ההוראות למיקום ידני של המודול Shop Promise בדף המוצר ולאחר מכן להשאיר את עורך ערכות הנושא פתוח.
  2. יש להוסיף לרכיב העוגן החדש שיצרת מאפיין נתונים של ערכת הנושא שמוגדר כ-dark או כ-light.
  3. יש ללחוץ על שמירה.

התוצאה אמורה להיות דומה לאחת מהאפשרויות הבאות:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

או

<div class="delivery-promise__promise-container" data-theme="light"></div>
נייד
  1. יש לפעול לפי ההוראות למיקום ידני של המודול Shop Promise בדף המוצר ולאחר מכן להשאיר את עורך ערכות הנושא פתוח.
  2. יש להוסיף לרכיב העוגן החדש שיצרת מאפיין נתונים של ערכת הנושא שמוגדר כ-dark או כ-light.
  3. יש להקיש על שמירה.

התוצאה אמורה להיות דומה לאחת מהאפשרויות הבאות:

<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 מותאם אישית:

מחשב שולחני
  1. במנהל של Shopify, יש לעבור אל חנות אונליין > ערכות נושא.

  2. יש למצוא את ערכת הנושא שברצונך לערוך וללחוץ על עריכת ערכת נושא.

  3. יש לנווט לדף מוצר באמצעות בורר התבניות בשורת התפריט העליונה.

  4. בתפריט שבסרגל הצד, יש למצוא את המקטע פרטי מוצר.

  5. יש ללחוץ על הוספת בלוק ולבחור באפשרות Liquid מותאם אישית מרשימת הבלוקים הזמינים.

  6. בשדה הטקסט של Liquid מותאם אישית, יש להדביק את הקוד הבא:

<div class="delivery-promise__promise-container"></div>
  1. יש למקם את הבלוק על ידי גרירתו למיקום הרצוי, בדרך כלל מתחת לבלוק של לחצני הקנייה.
  2. יש ללחוץ על שמירה כדי להחיל את השינויים.

אם ברצונך לציין העדפה לערכת נושא (כהה או בהירה), יש להשתמש באחת מהאפשרויות הבאות במקום זאת:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

או

<div class="delivery-promise__promise-container" data-theme="light"></div>
נייד
  1. באפליקציית Shopify, יש להקיש על הסמל תפריט.

  2. במקטע ערוצי מכירות, יש להקיש על חנות אונליין > ניהול כל ערכות הנושא.

  3. יש למצוא את ערכת הנושא הפעילה שלך ולהקיש על עריכת ערכת נושא.

  4. יש לנווט לדף מוצר באמצעות בורר התבניות שלמעלה.

  5. יש להקיש על המקטע פרטי מוצר.

  6. יש להקיש על הוספת בלוק ולבחור באפשרות Liquid מותאם אישית.

  7. בשדה הטקסט של Liquid מותאם אישית, יש להדביק את הקוד הבא:

<div class="delivery-promise__promise-container"></div>
  1. יש למקם את הבלוק על ידי גרירתו למיקום הרצוי, בדרך כלל מתחת לבלוק של לחצני הקנייה.
  2. יש להקיש על שמירה כדי להחיל את השינויים.

אם ברצונך לציין העדפה לערכת נושא (כהה או בהירה), יש להשתמש באחת מהאפשרויות הבאות במקום זאת:

<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 יוצג באנגלית.

השפות שבהן ניתן להציג את התג Shop Promise.
סינית (מפושטת)סינית (מסורתית)קרואטיתצ'כית
דניתהולנדיתאנגליתפינית
צרפתיתגרמניתיווניתהינדי
הונגריתאינדונזיתאיטלקיתיפנית
קוריאניתליטאיתמלאיתנורווגית (בוקמול)
פולניתפורטוגזית (ברזיל)פורטוגזית (פורטוגל)רומנית
רוסיתסלובקיתסלובניתספרדית
שוודיתתאילנדיתטורקיתוייטנאמית