Scripts کے لیے اپنے Liquid ٹیمپلیٹ کو اپ ڈیٹ کرنا

اگر آپ اپنے آن لائن سٹور میں سکرپٹ چلاتے ہیں، تو آپ کو یہ چیک کرنے کی ضرورت ہے کہ وہ آپ کے سٹور فرنٹ کے صفحات کو کیسے متاثر کرتے ہیں۔ کئی تھیم میں آپ کے سکرپٹ کو سپورٹ کرنے کے لیے کوڈ شامل ہوتا ہے، لیکن کچھ میں نہیں ہوتا۔ اگر آپ کی تھیم میں کوڈ نہیں ہے، تو آپ اسے شامل کر سکتے ہیں۔

ٹربل شوٹنگ

سکرپٹ اور تھیم کے زیادہ تر مسائل میں وہ لائن آئٹم سکرپٹ شامل ہوتے ہیں جو ڈسکاؤنٹ پیش کرتے ہیں۔ مثال کے طور پر، آرڈر کی کل قیمت درست ہے، لیکن لائن آئٹم کی قیمتیں ڈسکاؤنٹ نہیں دکھاتی ہیں۔ کسٹمر کو یہ سمجھنے کی ضرورت ہے کہ ان کے ڈسکاؤنٹ کا حساب کیسے لگایا جاتا ہے۔ وہ اصل اور رعایتی قیمت کے ساتھ ساتھ ڈسکاؤنٹ کی مختصر تفصیل دیکھنا چاہتے ہیں۔ اگر آپ کے کارٹ سے ان میں سے کوئی بھی تفصیل غائب ہے، تو آپ کو Liquid کوڈ شامل کرنے کی ضرورت ہے تاکہ وہ ظاہر ہو سکیں۔

یہ چیک کرنے کا ایک اچھا طریقہ کہ آپ کا سکرپٹ آپ کے سٹور فرنٹ کو کیسے متاثر کرتا ہے یہ ہے کہ آپ ایک کسٹمر کے طور پر وزٹ کریں اور وہ ایکشن انجام دیں جو سکرپٹ کو ٹرگر کرتے ہیں۔

Liquid آبجیکٹ کے ایٹریبیوٹ

درج ذیل فہرستوں میں Liquid آبجیکٹ کے وہ ایٹریبیوٹ شامل ہیں جو عام طور پر آپ کے سٹور کے کارٹ میں سکرپٹ کو سپورٹ کرنے کے لیے درکار ہوتے ہیں:

کارٹ آبجیکٹ کے ایٹریبیوٹ:

• cart.total_discount
• cart.original_total_price

لائن آئٹم کے ایٹریبیوٹ:

• line_item.discounts
• line_item.message
• line_item.original_price
• line_item.original_line_price
• line_item.total_discount

سکرپٹ آبجیکٹ:

• سکرپٹ آبجیکٹ کا استعمال سٹور کے فعال سکرپٹ کے بارے میں معلومات واپس کرنے کے لیے کیا جا سکتا ہے۔ یہ آبجیکٹ سکرپٹ کو ڈیبگ کرتے وقت مفید ہو سکتا ہے۔

مثال

درج ذیل مثال ان تبدیلیوں کی وضاحت کرتی ہے جو آپ ایک لائن آئٹم سکرپٹ کو سپورٹ کرنے کے لیے اپنے cart.liquid ٹیمپلیٹ میں کر سکتے ہیں۔

مثالی کارٹ

مثال کے طور پر، اگر آپ کے پاس تین لائن آئٹم والا ایک کارٹ ہے:

• ساکر بال
  • مقدار: 1
  • یونٹ کی قیمت: $15.00
• ٹینس بال
  • مقدار: 5
  • یونٹ کی قیمت: $5.00
• رننگ شو
  • مقدار: 1
  • یونٹ کی قیمت: $30.00

اور آپ نے ایک ایسا سکرپٹ شائع کیا ہے جو درج ذیل ڈسکاؤنٹ لاگو کرتا ہے:

• دو یا دو سے زیادہ ٹینس بال پر 10% کی چھوٹ
• تمام جوتوں پر $5 کی چھوٹ

پھر آپ کی cart.liquid ٹیمپلیٹ ایک سادہ ٹیبل ہو سکتی ہے جس میں لائن آئٹم اور ان کی کل رقوم کی سمری دی گئی ہو:

<table class="cart">
  <thead class="heading">
    <tr>
      <th>Product</th>
      <th>Quantity</th>
      <th>Total</th>
    </tr>
  </thead>

  <tbody class="line-items">
    {% for item in cart.items %}
    <tr>
      <td>{{ item.product.title }}</td>
      <td>{{ item.quantity }}</td>
      <td>{{ item.line_price | money }}</td>
    </tr>
    {% endfor %}
  </tbody>

  <tfoot class="summary">
    <tr>
      <td colspan="2">Total</td>
      <td>{{ cart.total_price | money }}</td>
    </tr>
  </tfoot>
</table>

سکرپٹ کی طرف سے لاگو کردہ ڈسکاؤنٹ کے ساتھ، یہ ٹیمپلیٹ آپ کے کارٹ کے لیے درج ذیل ٹیبل بناتی ہے:

لائن آئٹم کو اپ ڈیٹ کریں

سکرپٹ کے ذریعے لاگو کردہ ڈسکاؤنٹ دکھانے کے لیے، ہمیں لائن آئٹم کو اپ ڈیٹ کرنے کی ضرورت ہے تاکہ تین اہم معلومات ظاہر کی جا سکیں:

• ڈسکاؤنٹ سے پہلے لائن کی قیمت
• ڈسکاؤنٹ کے بعد لائن کی قیمت
• ایک پیغام جو ان ڈسکاؤنٹ کی وضاحت کرتا ہو جو لاگو کیے گئے تھے۔

ایسا کرنے کے لیے، درج ذیل Liquid آبجیکٹ کے ایٹریبیوٹ استعمال کریں:

• line_item.total_discount اس ڈسکاؤنٹ کی رقم واپس کرتا ہے جو لائن آئٹم پر لاگو کی گئی ہے
• line_item.original_line_price ڈسکاؤنٹ سے پہلے لائن آئٹم کی قیمت واپس کرتا ہے
• line_item.message ایک ایسا پیغام واپس کرتا ہے جو ان ڈسکاؤنٹ کی وضاحت کرتا ہے جو لائن آئٹم پر لاگو کیے گئے تھے۔

یہ سٹرائیک تھرو (کٹی ہوئی لکیر) کے اثر کا استعمال کرتے ہوئے اصل لائن کی قیمت کو رعایتی لائن کی قیمت سے الگ کرنے میں مدد کر سکتا ہے:

<tbody class="line-items">
  {% for item in cart.items %}
  <tr>
    <td>{{ item.product.title }}</td>
    <td>{{ item.quantity }}</td>
    <td>
      {{ item.line_price }}
      {% if item.total_discount > 0 %}
        <s>{{ item.original_line_price }}</s>
        ( {{ item.message }} )
      {% endif %}
    </td>
  </tr>
  {% endfor %}
</tbody>

آپ کا کارٹ اب اس طرح نظر آنا چاہیے:

کارٹ کی سمری کو اپ ڈیٹ کریں

کسٹمر کو ان کے آرڈر کی قیمت کو ٹریک کرنے میں مدد کے لیے، آپ کو یہ بھی دکھانا چاہیے:

• کارٹ کا اصل سب ٹوٹل، تاکہ کسٹمر ڈسکاؤنٹ سے پہلے اور بعد کے ٹوٹل کا موازنہ کر سکیں
• وہ کل بچت جو کسٹمر نے اپنے کارٹ پر حاصل کی۔

دوبارہ، اس معلومات کو شامل کرنے کے لیے، درج ذیل Liquid آبجیکٹ کے ایٹریبیوٹ استعمال کریں:

• cart.total_discount کارٹ میں موجود آئٹم پر لاگو ڈسکاؤنٹ کی رقم واپس کرتا ہے
• cart.original_total_price ڈسکاؤنٹ سے پہلے کارٹ کا سب ٹوٹل واپس کرتا ہے۔

اس معلومات کے ساتھ، آپ کا اپ ڈیٹ شدہ .summary بلاک اس طرح نظر آ سکتا ہے:

<tfoot class="summary">
  <tr>
    <td colspan="2">Subtotal</td>
    <td>{{ cart.original_total_price | money }}</td>
  </tr>
  <tr>
    <td colspan="2">Discount Savings</td>
    <td>{{ cart.total_discount | money }}</td>
  </tr>
  <tr>
    <td colspan="2">Total</td>
    <td>{{ cart.total_price | money }}</td>
  </tr>
</tfoot>

آپ کی کارٹ کا ٹیبل اب اس طرح نظر آنا چاہیے:

اپنی ٹیمپلیٹ میں چند نئے Liquid آبجیکٹ شامل کر کے، آپ اپنے کسٹمرز کو یہ سمجھنے میں مدد دے سکتے ہیں کہ ان کے ڈسکاؤنٹ کا حساب کیسے لگایا جاتا ہے۔

دیگر مثالیں

درج ذیل Liquid مثال ہر لائن آئٹم کے لیے ڈسکاؤنٹ دکھاتی ہے:

{% if item.original_line_price != item.line_price %}
  <small class="original-price"><s>{{ item.original_line_price | money }}</s></small>
  {% endif %}
  {{ item.line_price | money }}
  {% for discount in item.discounts %}
  <small class="discount">{{ discount.title }}</small>
  {% endfor %}

ایک اور ڈسکاؤنٹ کی مثال دیکھیں جس میں Liquid کوڈ کی تبدیلیاں شامل ہیں۔