עזרה
התחברות

התאמה אישית של רשימות אריזה

ניתן להתאים אישית את התבנית של רשימות האריזה שלך. שינוי התבנית מאפשר לך להוסיף מיתוג משלך ולשנות את המראה והתחושה של רשימת האריזה.

בדף זה

שינוי כתובת החנות

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

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

שלבים:

  1. ממנהל Shopify, יש לעבור אל הגדרות > משלוח ומסירה.

  2. במקטע מסמכים, יש ללחוץ על תבנית של רשימת אריזה.

  3. יש לאתר את משתנה Liquid‏ {{ shop_address.summary }} שמפנה לכתובת החנות. אם לא מצאת את המשתנה הזה, אפשר לנסות את המשתנה הבא:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. יש לסמן את הקוד הזה ולמחוק אותו.
  2. יש להקליד בשטח הריק הזה את הכתובת שברצונך להציג ברשימות האריזה. לדוגמה, אפשר להקליד את הכתובת כך שתיראה כך: 123 Example Street, New York, NY, 10000, United States
  3. יש ללחוץ על תצוגה מקדימה של התבנית כדי לראות את השינויים.
  4. יש ללחוץ על שמירה.

הסרת תמונות מוצרים

ניתן להסיר מרשימות האריזה את תמונות המוצרים שמוצגות לצד כותרות המוצרים.

שלבים:

  1. ממנהל Shopify, יש לעבור אל הגדרות > משלוח ומסירה.

  2. במקטע מסמכים, יש ללחוץ על תבנית של רשימת אריזה.

  3. יש לאתר את משתני Liquid הבאים שמפנים לתמונות המוצרים שלך:

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}
  1. יש לסמן את הקוד הזה ולמחוק אותו.
  2. יש ללחוץ על תצוגה מקדימה של התבנית כדי להציג את השינויים בתצוגה מקדימה.
  3. יש ללחוץ על שמירה.

לפני הוספת הלוגו של החנות לרשימות האריזה, עליך להעלות את הלוגו למנהל Shopify. לאחר ההעלאה, יש לשים לב לשם של הקובץ שהועלה כדי להשתמש בו בהמשך בתבנית של רשימת האריזה.

לאחר העלאת הלוגו לחנות, תוכל להוסיף את הלוגו ולהסיר את שם החנות, להוסיף את הלוגו מעל לשם החנות, או להוסיף את הלוגו לצד שם החנות.

שלבים:

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

  2. יש ללחוץ על העלאת קבצים.

  3. יש לבחור ולהעלות את הלוגו של החנות מההתקן.

  4. יש לשים לב לשם הקובץ כשההעלאה מסתיימת, כולל סיומת הקובץ (לדוגמה, .png או .jpg).

הוספת לוגו והסרת שם החנות

ניתן להסיר את שם החנות ולהחליפו בלוגו החנות בחלק העליון של רשימות האריזה.

שלבים:

  1. ממנהל Shopify, יש לעבור אל הגדרות > משלוח ומסירה.

  2. במקטע מסמכים, יש ללחוץ על תבנית של רשימת אריזה.

  3. יש לאתר את הקוד הבא שמפנה לשם החנות:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. יש לסמן את הקוד הזה ולמחוק אותו.
  2. במרווח שיצרת, יש לכתוב את הקוד הבא תוך שימוש בשם הקובץ שהועלה קודם לכן:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

המסנן file_img_url יוצר את כתובת ה-URL עבור הקובץ שהועלה בגודל שצוין, והמסנן img_tag יוצר תגית תמונה ב-HTML עם הטקסט החלופי שסיפקת.

לדוגמה, אם הקובץ שהועלה הוא shop_logo.png, הקוד התואם ב-Liquid יהיה:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. יש לבחור באפשרות תצוגה מקדימה של התבנית כדי להציג את השינויים בתצוגה מקדימה.
  2. יש ללחוץ על שמירה.

הוספת לוגו מעל לשם החנות

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

שלבים:

  1. ממנהל Shopify, יש לעבור אל הגדרות > משלוח ומסירה.

  2. במקטע מסמכים, יש ללחוץ על תבנית של רשימת אריזה.

  3. יש לאתר את משתנה Liquid הבא שמפנה לשם החנות, ולהוסיף מעבר שורה בין שתי השורות:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. במרווח שיצרת, יש לכתוב את הקוד הבא תוך שימוש בשם הקובץ שהעלית קודם לכן (לדוגמה, shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. יש לבחור באפשרות תצוגה מקדימה של התבנית כדי להציג את השינויים בתצוגה מקדימה.
  2. יש ללחוץ על שמירה.

הוספת לוגו לצד שם החנות

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

שלבים:

  1. ממנהל Shopify, יש לעבור אל הגדרות > משלוח ומסירה.

  2. במקטע מסמכים, יש ללחוץ על תבנית של רשימת אריזה.

  3. יש לאתר את משתנה Liquid הבא שמפנה לשם החנות:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. יש לסמן את הקוד הזה ולמחוק אותו.
  2. במרווח שיצרת, יש לכתוב את הקוד הבא תוך שימוש בשם הקובץ שהעלית קודם לכן (לדוגמה, shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. יש לאתר את משתני Liquid הבאים:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. יש להוסיף שורה חדשה בסוף המשתנים המפורטים לעיל, ולהדביק את הקוד הבא:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. יש לבחור באפשרות תצוגה מקדימה של התבנית כדי להציג את השינויים בתצוגה מקדימה.
  2. יש ללחוץ על שמירה.

עיצוב רשימות אריזה באמצעות CSS

ניתן להתאים אישית את רשימת האריזה באמצעות קובצי ה-CSS שהעלית ל-Shopify. קובצי CSS המאוחסנים מחוץ ל-Shopify לא יוצגו כראוי.

שלבים:

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

  2. יש ללחוץ על העלאת קבצים.

  3. יש לבחור ולהעלות את קובץ ה-CSS שלך.

  4. יש להעתיק את כתובת ה-URL של הקובץ בסיום ההעלאה.

  5. יש לכלול את הקוד הבא:

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>