المساعدة
تسجيل الدخول

تخصيص قوالب Order Printer

يمكنك إنشاء وتخصيص ما يصل إلى 15 قالبًا لتطبيق Order Printer في مسؤول Shopify الخاص بك. افتراضيًا، يتضمن تطبيق Order Printer قالبين:

  • الفاتورة - فاتورة أساسية يمكنك إرسالها إلى العميل
  • كشف التعبئة - نسخة مطبوعة من عنوان متجرك وعنوان شحن عميلك

في هذه الصفحة

إنشاء قالب جديد في Order Printer

يتطلب إنشاء قالب جديد في Order Printer أن تكون على دراية بـ HTML وCSS وLiquid. قد يتمكن دعم قوالب Shopify من المساعدة في إجراء تعديلات طفيفة على قوالب Shopify المجانية في نطاق سياسة تصميم Shopify. إذا كنت بحاجة إلى تغييرات أكثر تعقيداً أو تستخدم قالباً لم يتم تصميمه بواسطة Shopify، ففكر في الاستعانة بـ شريك Shopify.

الخطوات:

  1. من مسؤول Shopify، انتقل إلى التطبيقات > Order Printer (legacy).

  2. انقر على إدارة القوالب.

  3. انقر على إضافة قالب.

  4. أدخل اسمًا للقالب الجديد في حقل الاسم.

  5. أضف كود HTML أو CSS أو Liquid في حقل الرمز لإنشاء القالب الخاص بك.

  6. عندما تنتهي، انقر على حفظ.

تعديل قالب Order Printer

يتطلب تعديل قوالب Order Printer الخاصة بك أن تكون على دراية بـ HTML وCSS وLiquid. لا يمكن لدعم قوالب Shopify إجراء تعديلات واسعة النطاق على القوالب نيابةً عنك، ولكنه قد يتمكن من المساعدة في إجراء تعديلات طفيفة على قوالب Shopify المجانية في نطاق سياسة تصميم Shopify. لإجراء تغييرات أكثر تعقيداً، فكر في الاستعانة بـ شريك Shopify.

الخطوات:

  1. من مسؤول Shopify، انتقل إلى التطبيقات > Order Printer (legacy).

  2. انقر على إدارة القوالب.

  3. انقر على اسم القالب الذي ترغب في تعديله.

  4. قم بإجراء التغييرات المطلوبة على القالب عن طريق إضافة أو تعديل أكواد HTML أو CSS أو Liquid في حقل الرمز. لمعاينة أمثلة على تخصيصات القوالب، راجع أمثلة على تخصيص القوالب.

  5. عندما تنتهي، انقر على حفظ.

أمثلة على تخصيص القوالب

تشرح الأمثلة التالية بعض الطرق الشائعة لتخصيص قوالب Order Printer:

سطح المكتب

  1. من مسؤول Shopify، انتقل إلى المحتوى > الملفات.

  2. انقر على رفع الملفات وحدد ملف الصورة على جهاز الكمبيوتر الخاص بك.

  3. من صفحة الملفات، ابحث عن الملف المرفوع وانقر على نسخ رابط URL.

  4. من مسؤول Shopify، انقر على الإعدادات > التطبيقات.

  5. انقر على تطبيق Order Printer لفتحه.

  6. انقر على إدارة القوالب.

  7. انقر على اسم القالب الذي ترغب في تعديله.

  8. أدخل مقتطف الكود التالي في القالب الخاص بك في المكان الذي تريد أن يظهر فيه شعارك: <img src="your-image-URL">.

  9. استبدل your-image-URL برابط URL للصورة الذي نسخته. بناءً على المكان الذي تريد عرض شعارك فيه، قد تحتاج إلى إضافة وسم <br/> لإضافة فاصل أسطر قبل صورتك أو بعدها.

الأجهزة المحمولة

  1. من تطبيق Shopify، انقر على أيقونة القائمة.

  2. من قائمة المحتوى، انقر على أيقونة سهم لأسفل، ثم انقر على الملفات.

  3. انقر على رفع الملفات وحدد ملف الصورة على جهاز الكمبيوتر الخاص بك.

  4. من صفحة الملفات، ابحث عن الملف المرفوع وانقر على نسخ رابط URL.

  5. من مسؤول Shopify، انقر على الإعدادات > التطبيقات.

  6. انقر على تطبيق Order Printer لفتحه.

  7. انقر على إدارة القوالب.

  8. انقر على اسم القالب الذي ترغب في تعديله.

  9. أدخل مقتطف الكود التالي في القالب الخاص بك في المكان الذي تريد أن يظهر فيه شعارك: <img src="your-image-URL">.

  10. استبدل your-image-URL برابط URL للصورة الذي نسخته. بناءً على المكان الذي تريد أن يظهر شعارك فيه، قد تحتاج إلى إضافة وسم <br/> لإضافة فاصل أسطر قبل صورتك أو بعدها.

يجب أن يبدو الكود كالتالي في HTML:

مثال على كود HTML

مثال: جعل عرض الجداول 100%

لإضافة حدود إلى جداولك وجعلها تمتد إلى عرض 100%، أضف الفئة table-tabular إلى جدولك:

<table class="table-tabular">
    ...
</table>

مثال: عرض الصور المصغرة للمنتجات

لتضمين الصور المصغرة للمنتجات، أدرج هذا الكود في قالبك:

{{ line_item.product.featured_image | product_img_url: 'thumb' | img_tag }}

إضافة تفاصيل الطلب

يمكنك إضافة تفاصيل الطلب إلى قوالبك، مثل الاسم والكمية وتكلفة العناصر المشتراة. لإضافة تفاصيل الطلب إلى قالبك:

  1. من مسؤول Shopify، انتقل إلى التطبيقات > Order Printer (legacy).

  2. انقر على إدارة القوالب.

  3. انقر على اسم القالب الذي ترغب في تعديله.

  4. استخدم متغيرات Liquid لإضافة تفاصيل الطلب، ولغة HTML لإضافة التنسيق. على سبيل المثال، يطبع المتغير {{ line_item.price | money }} سعر العنصر.

  5. عندما تنتهي، انقر على حفظ.

على سبيل المثال، تريد نيلا تعديل قالب إيصال التعبئة الخاص بها لتضمين قائمة بالعناصر التي يتم شحنها. فقامت بإضافة الكود التالي إلى أسفل قالب إيصال التعبئة (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>

ونتيجة لذلك، تتضمن إيصالات التعبئة الخاصة بنيلا الآن جدولاً يسرد العناصر المشتراة.