התאמה אישית של תבניות Order Printer
באפשרותך ליצור ולהתאים אישית עד 15 תבניות עבור האפליקציה Order Printer במנהל Shopify שלך. כברירת מחדל, האפליקציה Order Printer כוללת שתי תבניות:
- חשבונית - חשבונית בסיסית שתוכל לשלוח ללקוח
- רשימת אריזה - תדפיס של כתובת החנות שלך והכתובת לשילוח של הלקוח
יצירת תבנית חדשה של Order Printer
יצירת תבנית חדשה של Order Printer דורשת היכרות עם HTML, CSS ו-Liquid. התמיכה של Shopify בערכות נושא עשויה לעזור בהתאמות קלות לערכות נושא חינמיות של Shopify במסגרת ההיקף של מדיניות העיצוב של Shopify. אם דרושים לך שינויים מורכבים יותר או שאתה משתמש בערכת נושא שלא נוצרה על ידי Shopify, כדאי לשקול לשכור שותף Shopify.
שלבים:
במנהל של Shopify, יש לעבור אל אפליקציות > Order Printer (legacy).
יש ללחוץ על ניהול תבניות.
יש ללחוץ על הוספת תבנית.
יש להזין שם עבור התבנית החדשה שלך בשדה שם.
כדי ליצור את התבנית שלך, יש להוסיף קוד של HTML, CSS או Liquid בשדה קוד.
בסיום, יש ללחוץ על שמירה.
עריכת תבנית של Order Printer
עריכת התבניות שלך ב-Order Printer דורשת היכרות עם HTML, CSS ו-Liquid. התמיכה של Shopify בערכות נושא אינה יכולה לערוך עבורך תבניות באופן מקיף, אך ייתכן שתוכל לעזור בהתאמות קלות לערכות נושא חינמיות של Shopify במסגרת ההיקף של מדיניות העיצוב של Shopify. במקרה של שינויים מורכבים יותר, כדאי לשקול לשכור שותף Shopify.
שלבים:
במנהל של Shopify, יש לעבור אל אפליקציות > Order Printer (legacy).
יש ללחוץ על ניהול תבניות.
יש ללחוץ על השם של התבנית שברצונך לערוך.
יש לבצע את השינויים בתבנית באמצעות הוספה או עריכה של קוד HTML, CSS או Liquid בשדה קוד. כדי להציג תצוגה מקדימה של דוגמאות להתאמה אישית של תבניות, כדאי לעיין בסעיף דוגמאות להתאמה אישית של תבניות.
בסיום, יש ללחוץ על שמירה.
דוגמאות להתאמה אישית של תבניות
הדוגמאות הבאות מסבירות מספר דרכים נפוצות להתאמה אישית של תבניות Order Printer:
- הוספת הלוגו שלך לתבניות של Order Printer
- הגדרת רוחב טבלאות ל-100%
- הצגת תמונות ממוזערות של מוצרים
- הוספת פרטי ההזמנה
דוגמה: הוספת הלוגו שלך לתבניות של Order Printer
מחשב שולחני
במנהל של Shopify, יש לעבור אל תוכן > קבצים.
יש ללחוץ על העלאת קבצים ולבחור את קובץ התמונה מהמחשב שלך.
בדף קבצים, יש למצוא את הקובץ שהועלה וללחוץ על העתקת כתובת URL.
במנהל של Shopify, יש ללחוץ על הגדרות > אפליקציות.
יש ללחוץ על Order Printer כדי לפתוח את האפליקציה.
יש ללחוץ על ניהול תבניות.
יש ללחוץ על השם של התבנית שברצונך לערוך.
יש להזין את קטע הקוד הבא לתוך התבנית שלך במקום שבו תרצה שהלוגו שלך יופיע:
<img src="your-image-URL">.יש להחליף את
your-image-URLבכתובת ה-URL של התמונה שהעתקת. בהתאם למקום שבו תרצה להציג את הלוגו שלך, ייתכן שיהיה עליך להוסיף תג<br/>כדי להוסיף מעבר שורה לפני התמונה או אחריה.
מכשיר נייד
באפליקציית Shopify, יש להקיש על הסמל
.
בתפריט תוכן, יש להקיש על הסמל
, ואז להקיש על קבצים.
יש להקיש על העלאת קבצים ולבחור את קובץ התמונה מהמחשב שלך.
בדף קבצים, יש למצוא את הקובץ שהועלה ולהקיש על העתקת כתובת URL.
במנהל של Shopify, יש להקיש על הגדרות > אפליקציות.
יש להקיש על Order Printer כדי לפתוח את האפליקציה.
יש להקיש על ניהול תבניות.
יש להקיש על השם של התבנית שברצונך לערוך.
יש להזין את קטע הקוד הבא לתוך התבנית שלך במקום שבו תרצה שהלוגו שלך יופיע:
<img src="your-image-URL">.יש להחליף את
your-image-URLבכתובת ה-URL של התמונה שהעתקת. בהתאם למקום שבו תרצה שהלוגו שלך יופיע, ייתכן שיהיה עליך להוסיף תג<br/>כדי להוסיף מעבר שורה לפני התמונה או אחריה.
קוד ה-HTML צריך להיראות כך:

דוגמה: הגדרת רוחב טבלאות ל-100%
כדי להוסיף גבולות לטבלאות ולהרחיב אותן ל-100% רוחב, יש להוסיף מחלקת table-tabular לטבלה שלך:
<table class="table-tabular">
...
</table>דוגמה: הצגת תמונות ממוזערות של מוצרים
כדי לכלול תמונות ממוזערות של מוצרים, יש להוסיף את הקוד הזה לתבנית שלך:
{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}הוספת פרטי ההזמנה
באפשרותך להוסיף פרטי הזמנה לתבניות שלך, כמו השם, הכמות והעלות של הפריטים שנרכשו. כדי להוסיף פרטי הזמנה לתבנית שלך:
במנהל של Shopify, יש לעבור אל אפליקציות > Order Printer (legacy).
יש ללחוץ על ניהול תבניות.
יש ללחוץ על השם של התבנית שברצונך לערוך.
יש להשתמש במשתני Liquid כדי להוסיף פרטי הזמנה, וב-HTML כדי להוסיף עיצוב. לדוגמה,
{{ line_item.price | money }}מדפיס את מחיר הפריט.בסיום, יש ללחוץ על שמירה.
לדוגמה, ניילה רוצה לערוך את תבנית רשימת האריזה שלה כדי לכלול רשימה של הפריטים שנשלחים. היא מוסיפה את הקוד הבא לתחתית התבנית Packing slip שלה באפליקציית Order Printer:
<br>
<br>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
<thead>
<tr>
<th>Quantity</th>
<th>Item</th>
{% if tax_lines.size > 0 %}
<th>Taxes</th>
{% endif %}
<th>Price</th>
</tr>
</thead>
<tbody>
{% for line_item in line_items %}
<tr>
<td>{{ line_item.quantity }} x</td>
<td><b>{{ line_item.title }}</b></td>
{% if line_item.tax_lines %}
<td>
{% for tax_line in line_item.tax_lines %}
{{ tax_line.price | money }} {{ tax_line.title }}<br/>
{% endfor %}
</td>
{% endif %}
<td>{{ line_item.price | money }}</td>
</tr>
{% endfor %}
</tbody>
</table>כתוצאה מכך, רשימות האריזה של ניילה כוללות כעת טבלה שמפרטת את הפריטים שנרכשו.