Checkout Blocks میں برانڈنگ ایڈیٹر کا استعمال

آپ کسی بھی کوڈ میں ترمیم کیے بغیر اپنے چیک آؤٹ اور اکاؤنٹ پیج کے ڈیزائن کو حسب ضرورت بنانے کے لیے Checkout Branding API کے ذریعے تقویت یافتہ Checkout Blocks میں برانڈنگ ایڈیٹر کا استعمال کر سکتے ہیں۔

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

اپنے Shopify ایڈمن سے برانڈنگ ایڈیٹر لانچ کرنے کے لیے، ایپس > Checkout Blocks پر کلک کریں، اور پھر برانڈنگ ایڈیٹر پر کلک کریں۔

چیک آؤٹ کے رنگوں کو حسب ضرورت بنائیں

رنگ سیکشن میں، آپ اپنے چیک آؤٹ کے بنیادی رنگوں کو حسب ضرورت بنا سکتے ہیں۔ جب آپ اپنے ڈیزائن میں مزید تفصیلی ترامیم کرنا چاہتے ہیں تو آپ انفرادی سیکشن پر لاگو ہونے والی 4 کلر اسکیم تک کو حسب ضرورت بھی بنا سکتے ہیں۔ آپ رنگوں کی اقسام میں ترمیم کر سکتے ہیں، بشمول ایکسنٹ رنگ (انٹرایکٹو عناصر کے لیے، جیسے لنک) اور برانڈ کے رنگ (عناصر جیسے پرائمری اور سیکنڈری بٹن کے لیے استعمال کیے جاتے ہیں)۔

اقدامات:

چیک آؤٹ کے عناصر کو کسٹمائز کریں

برانڈنگ ایڈیٹر کے کسٹمائزیشن سیکشن میں، آپ اپنے چیک آؤٹ کے درج ذیل عناصر میں ترمیم کر سکتے ہیں:

• فیو آئیکن: وہ آئیکن منتخب کریں جو چیک آؤٹ کے دوران براؤزر ٹیب میں کسٹمر کو دکھایا جاتا ہے۔
• گلوبل: تمام عناصر (فارم ان پٹ، بٹن، اور کارڈ) کے لیے کارنر ریڈیس کو ایڈجسٹ کریں۔
• ہیڈر اور لوگو: چیک آؤٹ میں ہیڈر کی پوزیشن منتخب کریں، نیز یہ بھی کہ آیا بریڈ کرمب، کارٹ کا لنک، اور لوگو ڈسپلے کرنا ہے یا نہیں۔
• مین: چیک آؤٹ کے مرکزی مواد کے حصے پر ڈیزائن سکیم کا اطلاق کریں، بشمول بیک گراؤنڈ امیج، بارڈر کی چوڑائی، اور کلر سکیم۔
• آرڈر کی سمری: چیک آؤٹ کے سائیڈ بار پر ڈیزائن سکیم کا اطلاق کریں جس میں کسٹمر کے آرڈر کی سمری شامل ہوتی ہے، بشمول بیک گراؤنڈ امیج، بارڈر کی چوڑائی، اور کلر سکیم۔
• فوٹر: چیک آؤٹ میں فوٹر کی چوڑائی منتخب کریں، نیز یہ بھی کہ آیا سٹور کی پالیسیاں ڈسپلے کرنی ہیں یا نہیں۔
• ٹائپوگرافی: ہیڈر کے 3 لیول تک کے لیے فونٹ کا سائز، فونٹ فیملی، اور فونٹ کا وزن، سائز، کرننگ، اور لیٹر کیس منتخب کریں۔
• بٹن: بنیادی اور ثانوی بٹن کی پیڈنگ، بارڈر، اور سٹائل منتخب کریں۔
• فارم: چیک آؤٹ فارم ان پٹ کے لیے سٹائل کسٹمائز کریں، جیسے چیک باکس، ٹیکسٹ فیلڈ، اور فہرست میں سے منتخب کردہ آپشن۔
• پروڈکٹ کے تھمب نیل: چیک آؤٹ میں پروڈکٹ امیج کے لیے بارڈر اور کارنر ریڈیس کے سٹائل ایڈجسٹ کریں۔

اقدامات:

1. اپنے Shopify ایڈمن سے، ایپس > Checkout Blocks پر جائیں۔

2. برانڈنگ ایڈیٹر پر کلک کریں۔

3. کسٹمائزیشن سیکشن میں، ان عناصر میں سے کسی پر کلک کریں جنہیں آپ کسٹمائز کرنا چاہتے ہیں، جیسے ہیڈر اور لوگو۔

4. دستیاب کسٹمائزیشن آپشن کا استعمال کرتے ہوئے، چیک آؤٹ کے عنصر کو اپنی ترجیح کے مطابق ایڈجسٹ کریں۔

5. محفوظ کریں پر کلک کریں۔

چیک آؤٹ کی کنفیگریشن سوئچ کریں

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

اپنی ایکٹو اور ڈرافٹ چیک آؤٹ کنفیگریشنز کا انتظام کرنے کے بارے میں مزید جانیں۔

اقدامات:

1. اپنے Shopify ایڈمن سے، ایپس > Checkout Blocks پر جائیں۔

2. برانڈنگ ایڈیٹر پر کلک کریں۔

3. موجودہ چیک آؤٹ کنفیگریشن کے نام پر کلک کریں تاکہ ایکٹو کنفیگریشن اور کسی بھی ڈرافٹ کنفیگریشنز کی فہرست پر مشتمل ایک ڈراپ ڈاؤن مینو کھلے، اور پھر وہ چیک آؤٹ کنفیگریشن منتخب کریں جسے آپ کسٹمائز کرنا چاہتے ہیں:

   • کوئی ایسی موجودہ کنفیگریشن منتخب کریں جس میں آپ ترمیم کرنا چاہتے ہیں۔
   • اپنے Shopify ایڈمن کی چیک آؤٹ سیٹنگز پر ری ڈائریکٹ ہونے کے لیے ⊕ نئی کنفیگریشن بنائیں پر کلک کریں۔

اپنے چیک آؤٹ کا پیش منظر دیکھیں

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

اقدامات:

1. اپنے Shopify ایڈمن سے، ایپس > Checkout Blocks پر جائیں۔

2. برانڈنگ ایڈیٹر پر کلک کریں۔

3. اپنی چیک آؤٹ کنفیگریشن کے رنگوں یا چیک آؤٹ کے عناصر میں کوئی ایسی کسٹمائزیشن کریں جسے آپ ایڈجسٹ کرنا چاہتے ہیں۔

4. پیش منظر پر کلک کریں۔

چیک آؤٹ کنفیگریشن کو ایکسپورٹ اور امپورٹ کرنا

آپ JSON فائل کا استعمال کرتے ہوئے چیک آؤٹ کنفیگریشن کو ایکسپورٹ اور امپورٹ کر سکتے ہیں۔

چیک آؤٹ کی کنفیگریشن ایکسپورٹ کریں:

1. اپنے Shopify ایڈمن سے، ایپس > Checkout Blocks پر جائیں۔

2. برانڈنگ ایڈیٹر پر کلک کریں۔

3. برانڈنگ ایڈیٹر کا استعمال کرتے ہوئے کسٹمائزیشن لاگو کی گئی چیک آؤٹ کنفیگریشن کو منتخب کریں۔

4. مزید کارروائیاں > کنفیگریشن ایکسپورٹ کریں پر کلک کریں۔

چیک آؤٹ کی کنفیگریشن آپ کی مقامی ڈیوائس پر بطور .json ڈاؤن لوڈ ہو جاتی ہے۔

چیک آؤٹ کنفیگریشن امپورٹ کریں:

1. اپنے Shopify ایڈمن سے، ایپس > Checkout Blocks پر جائیں۔

2. برانڈنگ ایڈیٹر پر کلک کریں۔

3. وہ چیک آؤٹ کنفیگریشن منتخب کریں جس پر آپ امپورٹ کی گئی برانڈنگ پروفائل کا اطلاق کرنا چاہتے ہیں۔

4. مزید کارروائیاں > کنفیگریشن امپورٹ کریں پر کلک کریں۔

5. چیک آؤٹ برانڈنگ امپورٹ کریں ڈائیلاگ میں، اپنی برانڈنگ کی JSON فائل اپ لوڈ کریں:

   1. فائل شامل کریں پر کلک کریں۔
   2. اپنی ڈیوائس سے مناسب JSON فائل منتخب کریں۔
   3. امپورٹ کریں اور جاری رکھیں پر کلک کریں۔

6. پہلے سے لوڈ کردہ کسٹمائزیشن کنفیگریشن کا جائزہ لیں۔ ضرورت کے مطابق اس میں ترمیم کریں۔

7. محفوظ کریں پر کلک کریں۔

اپنے چیک آؤٹ کے سٹائل کو ڈیفالٹ پر ری سیٹ کریں

جب آپ برانڈنگ ایڈیٹر کا استعمال کرتے ہوئے کسی رنگ یا چیک آؤٹ کے عنصر میں ترمیم کرتے ہیں، تو آپ اپنے تبدیل کردہ رنگ یا عنصر کے آگے موجود ری سیٹ کریں پر کلک کر کے مخصوص ویلیو کو واپس ڈیفالٹ ویلیو پر ری سیٹ کر سکتے ہیں۔

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

اقدامات:

1. اپنے Shopify ایڈمن سے، ایپس > Checkout Blocks پر جائیں۔

2. برانڈنگ ایڈیٹر پر کلک کریں۔

3. وہ چیک آؤٹ کنفیگریشن منتخب کریں جسے آپ ری سیٹ کرنا چاہتے ہیں۔

4. ڈیفالٹ پر ری سیٹ کریں پر کلک کریں۔

5. ڈیفالٹ سٹائل پر ری سیٹ کریں؟ ڈائیلاگ میں، جاری رکھیں پر کلک کریں۔