اپنے پروڈکٹ پیج پر Shop Promise ظاہر کرنا

1. اپنے Shopify admin سے، آن لائن سٹور > تھیم پر جائیں۔

2. جس تھیم کو آپ ایڈٹ کرنا چاہتے ہیں اسے تلاش کریں، ایکشن مینو کھولنے کے لیے آئیکن پر کلک کریں، اور پھر Edit code پر کلک کریں۔

3. متعلقہ فائل کھولیں۔

4. وہ لائن تلاش کریں جس میں {%- if block.settings.show_dynamic_checkout -%} یا {{ form | payment_button }} ہو۔

5. {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} کے بالکل نیچے ایک نئی لائن بنائیں اور اس لائن پر درج ذیل کو پیسٹ کریں:

<div class="delivery-promise__promise-container"></div>

6. Save پر کلک کریں۔

نتیجہ درج ذیل کی طرح ہونا چاہیے:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

1. Shopify ایپ سے، آئیکن پر ٹیپ کریں۔

2. سیلز چینل سیکشن میں، آن لائن سٹور > تمام تھیم مینیج کریں پر ٹیپ کریں۔

3. جس تھیم کو آپ ایڈٹ کرنا چاہتے ہیں اسے تلاش کریں، ایکشن مینو کھولنے کے لیے … بٹن پر ٹیپ کریں، اور پھر Edit code پر ٹیپ کریں۔

4. متعلقہ فائل کھولیں۔

5. وہ لائن تلاش کریں جس میں {%- if block.settings.show_dynamic_checkout -%} یا {{ form | payment_button }} ہو۔

6. {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} کے بالکل نیچے ایک نئی لائن بنائیں اور اس لائن پر درج ذیل کو پیسٹ کریں:

<div class="delivery-promise__promise-container"></div>

7. Save یا ✓ پر ٹیپ کریں۔

نتیجہ درج ذیل کی طرح ہونا چاہیے:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

1. اپنے پروڈکٹ پیج پر Shop Promise ماڈیول کو مینوئل طور پر پوزیشن کرنے کی ہدایات پر عمل کریں اور پھر تھیم ایڈیٹر کو کھلا رکھیں۔
2. dark یا light پر سیٹ کیے گئے اپنے نئے بنائے گئے اینکر ایلیمنٹ میں ایک تھیم ڈیٹا ایٹریبیوٹ شامل کریں۔
3. Save پر کلک کریں۔

نتیجہ درج ذیل میں سے کسی ایک کی طرح ہونا چاہیے:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

یا

<div class="delivery-promise__promise-container" data-theme="light"></div>

1. اپنے پروڈکٹ پیج پر Shop Promise ماڈیول کو مینوئل طور پر پوزیشن کرنے کی ہدایات پر عمل کریں اور پھر تھیم ایڈیٹر کو کھلا رکھیں۔
2. dark یا light پر سیٹ کیے گئے اپنے نئے بنائے گئے اینکر ایلیمنٹ میں ایک تھیم ڈیٹا ایٹریبیوٹ شامل کریں۔
3. Save پر ٹیپ کریں۔

نتیجہ درج ذیل میں سے کسی ایک کی طرح ہونا چاہیے:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

یا

<div class="delivery-promise__promise-container" data-theme="light"></div>

1. اپنے Shopify admin سے، آن لائن سٹور > تھیم پر جائیں۔

2. جس تھیم کو آپ ایڈٹ کرنا چاہتے ہیں اسے تلاش کریں، اور Edit theme پر کلک کریں۔

3. ٹاپ مینو بار میں ٹیمپلیٹ سلیکٹر کا استعمال کرتے ہوئے پروڈکٹ پیج پر جائیں۔

4. سائیڈ بار مینو میں، Product information کا سیکشن تلاش کریں۔

5. Add block پر کلک کریں اور دستیاب بلاک کی فہرست سے custom Liquid کو منتخب کریں۔

6. کسٹم Liquid کے ٹیکسٹ فیلڈ میں درج ذیل کوڈ کو پیسٹ کریں:

<div class="delivery-promise__promise-container"></div>

7. بلاک کو مطلوبہ مقام پر ڈریگ کر کے پوزیشن کریں، عام طور پر Buy بٹن بلاک کے نیچے۔
8. اپنی تبدیلیاں اپلائی کرنے کے لیے Save پر کلک کریں۔

اگر آپ تھیم کی ترجیح (ڈارک یا لائٹ) بتانا چاہتے ہیں، تو اس کے بجائے درج ذیل میں سے کسی ایک کا استعمال کریں:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

یا

<div class="delivery-promise__promise-container" data-theme="light"></div>

1. Shopify ایپ سے، آئیکن پر ٹیپ کریں۔

2. سیلز چینل سیکشن میں، آن لائن سٹور > تمام تھیم مینیج کریں پر ٹیپ کریں۔

3. اپنی فعال تھیم تلاش کریں اور Edit theme پر ٹیپ کریں۔

4. سب سے اوپر موجود ٹیمپلیٹ سلیکٹر کا استعمال کرتے ہوئے پروڈکٹ پیج پر جائیں۔

5. Product information سیکشن پر ٹیپ کریں۔

6. Add block پر ٹیپ کریں اور Custom Liquid کو منتخب کریں۔

7. کسٹم Liquid کے ٹیکسٹ فیلڈ میں درج ذیل کوڈ کو پیسٹ کریں:

<div class="delivery-promise__promise-container"></div>

8. بلاک کو مطلوبہ مقام پر ڈریگ کر کے پوزیشن کریں، عام طور پر Buy بٹن بلاک کے نیچے۔
9. اپنی تبدیلیاں اپلائی کرنے کے لیے Save پر ٹیپ کریں۔

اگر آپ تھیم کی ترجیح (ڈارک یا لائٹ) بتانا چاہتے ہیں، تو اس کے بجائے درج ذیل میں سے کسی ایک کا استعمال کریں:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

یا

<div class="delivery-promise__promise-container" data-theme="light"></div>