مدد
لاگ ان کریں

Order Printer کے ٹیمپلیٹ کو کسٹمائز کرنا

آپ اپنے Shopify ایڈمن میں Order Printer ایپ کے لیے 15 تک ٹیمپلیٹ بنا اور کسٹمائز کر سکتے ہیں۔ بذریعہ ڈیفالٹ، Order Printer ایپ میں دو ٹیمپلیٹ شامل ہوتے ہیں:

  • انوائس - ایک بنیادی انوائس جو آپ کسٹمر کو بھیج سکتے ہیں
  • پیکنگ سلپ - آپ کی شاپ کے ایڈریس اور آپ کے کسٹمر کے شپنگ ایڈریس کا ایک پرنٹ آؤٹ

اس صفحے پر

نیا Order Printer ٹیمپلیٹ بنائیں

نیا Order Printer ٹیمپلیٹ بنانے کے لیے آپ کا HTML، CSS، اور Liquid سے واقف ہونا ضروری ہے۔ Shopify Theme Support، Shopify Design Policy کے دائرہ کار میں رہتے ہوئے، مفت Shopify تھیمز میں معمولی تبدیلیوں کے لیے آپ کی مدد کر سکتا ہے۔ اگر آپ کو مزید پیچیدہ تبدیلیوں کی ضرورت ہے یا آپ کوئی ایسی تھیم استعمال کرتے ہیں جو Shopify کی جانب سے نہیں بنائی گئی، تو کسی Shopify Partner کو ہائر کرنے پر غور کریں۔

مراحل:

  1. اپنے Shopify ایڈمن سے، ایپ > Order Printer (لیگیسی) پر جائیں۔

  2. ٹیمپلیٹ کا نظم کریں پر کلک کریں۔

  3. ٹیمپلیٹ شامل کریں پر کلک کریں۔

  4. نام کے فیلڈ میں اپنے نئے ٹیمپلیٹ کے لیے کوئی نام درج کریں۔

  5. اپنا ٹیمپلیٹ بنانے کے لیے کوڈ کے فیلڈ میں HTML، CSS، یا Liquid کوڈ شامل کریں۔

  6. جب آپ مکمل کر لیں، تو محفوظ کریں پر کلک کریں۔

Order Printer ٹیمپلیٹ میں ترمیم کریں

اپنے Order Printer ٹیمپلیٹس میں ترمیم کرنے کے لیے آپ کا HTML، CSS، اور Liquid سے واقف ہونا ضروری ہے۔ Shopify Theme Support آپ کے لیے ٹیمپلیٹس میں وسیع پیمانے پر ترمیم نہیں کر سکتا، لیکن Shopify Design Policy کے دائرہ کار میں رہتے ہوئے مفت Shopify تھیمز میں معمولی تبدیلیوں کے سلسلے میں آپ کی مدد کر سکتا ہے۔ مزید پیچیدہ تبدیلیوں کے لیے، کسی Shopify Partner کو ہائر کرنے پر غور کریں۔

مراحل:

  1. اپنے Shopify ایڈمن سے، ایپ > Order Printer (لیگیسی) پر جائیں۔

  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 (لیگیسی) پر جائیں۔

  2. ٹیمپلیٹ کا نظم کریں پر کلک کریں۔

  3. اس ٹیمپلیٹ کے نام پر کلک کریں جس میں آپ ترمیم کرنا چاہتے ہیں۔

  4. آرڈر کی تفصیلات شامل کرنے کے لیے Liquid ویری ایبل، اور فارمیٹنگ شامل کرنے کے لیے HTML استعمال کریں۔ مثال کے طور پر، {{ line_item.price | money }} آئٹم کی قیمت پرنٹ کرتا ہے۔

  5. جب آپ مکمل کر لیں، تو محفوظ کریں پر کلک کریں۔

مثال کے طور پر، Nyla اپنے پیکنگ سلپ ٹیمپلیٹ میں ترمیم کر کے ان آئٹم کی فہرست شامل کرنا چاہتی ہے جنہیں شپ کیا جا رہا ہے۔ وہ Order Printer ایپ میں اپنے Packing slip ٹیمپلیٹ کے نچلے حصے میں درج ذیل کوڈ شامل کرتی ہے:

<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>

نتیجتاً، Nyla کی پیکنگ سلپ میں اب ایک ایسا ٹیبل شامل ہے جس میں خریدے گئے آئٹم کی فہرست موجود ہے۔