Settings پینل کہاں ہوتا ہے
بلڈر کا Settings پینل اسٹور بھر کے ڈیزائن اور رویّے کے وہ کنٹرولز رکھتا ہے جو کسی ایک سیکشن سے باہر ہوتے ہیں۔ بلڈر کھولیں، پھر بائیں آئیکن ریل میں گیئر آئیکن پر کلک کریں (مارکیٹ فلیگ، صفحات اور پوسٹس کے آئیکنز اس کے اوپر ہوتے ہیں)۔ پینل قابلِ گرنے والے ٹیبز کی صورت کھلتا ہے: Branding، Colors، Fonts، Layout، Animations، Automations، Inputs، Icons، Prohibitions، Checkout، Checkout form، Maintenance page، Custom CSS، اور Custom Javascript۔ ہر تبدیلی اس وقت تک مسودہ رہتی ہے جب تک آپ اوپر کی بار میں Publish نہ دبائیں۔
سیٹنگز فی مارکیٹ محفوظ ہوتی ہیں
یہ تمام سیٹنگز فی مارکیٹ محفوظ ہوتی ہیں، نہ کہ پورے اسٹور کے لیے ایک ہی بار۔ پینل کا ذیلی عنوان "Global settings of [market name]" لکھا آتا ہے تاکہ یہ ظاہر ہو کہ آپ کون سی مارکیٹ میں ترمیم کر رہے ہیں۔ پہلے فلیگ آئیکن سے مارکیٹ بدلیں، پھر Settings کھولیں۔ کسی مارکیٹ کے اندر یہ سیٹنگز ہر صفحے پر یکساں طور پر لاگو رہتی ہیں۔
Branding
یہ ٹیب دو تصویری اثاثے رکھتا ہے (اس میں آپ کا لوگو نہیں ہوتا، جو ہیڈر سیکشن کے اندر طے ہوتا ہے، یہاں نہیں):
- Favicon: براؤزر ٹیب کا چھوٹا آئیکن۔ PNG، JPEG، WEBP، یا ICO قبول کرتا ہے (32x32 یا 16x16 تجویز کردہ)۔
- Body image: ایک اختیاری اسٹور بھر کا پس منظر۔ PNG، JPEG، یا WEBP قبول کرتا ہے۔ سیٹ ہونے پر دو مزید کنٹرولز ظاہر ہوتے ہیں: Size (Cover یا Contain) اور ایک Repeat ٹوگل۔
Colors
ہر مارکیٹ کے پاس زیادہ سے زیادہ نو رنگ اسکیمیں ہوتی ہیں (کم از کم ایک)۔ ہر سیکشن، بلاک اور کمپوننٹ ایک اسکیم کو اس کے نمبر سے حوالہ دیتا ہے، اس لیے کسی ایک اسکیم میں ترمیم اُن سب چیزوں کا رنگ بدل دیتی ہے جو اسے استعمال کرتی ہیں۔ کسی کارڈ کو ایڈٹ کرنے کے لیے اس پر کلک کریں، Duplicate (نو پر رک جاتا ہے) یا Delete (آخری اسکیم پر رک جاتا ہے) کے لیے رائٹ کلک کریں، اور ترتیب بدلنے کے لیے گھسیٹیں۔ ایک اسکیم پس منظر، عنوانات، باڈی ٹیکسٹ، لنکس، بارڈرز، آؤٹ لائنز، شیڈوز، بنیادی اور ثانوی بٹنوں (ہوور اسٹیٹس کے ساتھ)، اور فارم انپٹس کے رنگ متعین کرتی ہے۔
Fonts
ٹائپوگرافی ایک فونٹ فیملی کو چار کرداروں سے جوڑتی ہے:
- Body: پیراگراف اور عام متن۔
- Heading: بڑے صفحے اور سیکشن کے عنوانات۔
- Subheading: ثانوی عنوانات اور سیکشن کے ذیلی عنوانات۔
- Accent: آرائشی زور۔
فونٹ پکر (تلاش کے ساتھ) فونٹس کو System fonts (فوری لوڈ ہوتے ہیں) اور Non-system fonts (وزیٹر کے پاس ڈاؤن لوڈ ہوتے ہیں، لوڈ سست کر سکتے ہیں) میں تقسیم کرتا ہے۔ ایک سے زیادہ نان سسٹم فونٹ استعمال کرنا صفحے کی رفتار کو نقصان پہنچا سکتا ہے۔ ہر لاطینی فونٹ خود بخود ایک ملتے جلتے عربی فونٹ کے ساتھ جوڑ دیا جاتا ہے، تاکہ دائیں سے بائیں زبانیں صاف ستھری رینڈر ہوں۔
Layout
ایک کنٹرول: Page width، ایک سلائیڈر جو 900px سے 1400px تک 100px کے قدموں میں چلتا ہے (پہلے سے طے شدہ 1200)۔ یہ صرف بڑی ڈیسک ٹاپ اسکرینوں پر مواد کی زیادہ سے زیادہ چوڑائی ہے۔ موبائل پر چوڑائی ہمیشہ 100% رہتی ہے۔ مکمل چوڑائی پر سیٹ کیے گئے سیکشنز اس قدر کو نظر انداز کر کے کنارے سے کنارے تک پھیل جاتے ہیں۔
Animations
- Scroll reveal: سیکشنز جب ویوپورٹ میں داخل ہوں تو کیسے اینیمیٹ ہوں: None، Fade، Slide up، Slide left، یا Zoom (پہلے سے طے شدہ Slide up)۔
- Images zoom effect: ایک ٹوگل جو پروڈکٹ تصاویر پر ہوور زوم فعال کرتا ہے۔
Automations
ایک ٹوگل: Autoplay Videos۔ آن ہونے پر ویڈیو بلاکس خود بخود چلنے لگتے ہیں۔ براؤزر کی پالیسیوں کی وجہ سے یہ اس وقت تک خاموش رہتے ہیں جب تک وزیٹر صفحے سے کوئی تعامل نہ کرے۔
Inputs (فارم انپٹ کی اسٹائلنگ)
یہ ٹیب ہر اسٹور فرنٹ انپٹ کو اسٹائل کرتا ہے۔ اس میں رنگ کا کوئی اختیار نہیں (انپٹ کے رنگ رنگ اسکیم سے آتے ہیں)۔ کنٹرولز یہ ہیں:
- Type (Layout): Collapse ہر لیبل کو اس کے اپنے فیلڈ کے اوپر رکھتا ہے، Expand ایک لیبل کو پورے فیلڈ سیٹ کے اوپر بطور ہیڈر رکھتا ہے۔
- Icons: None فیلڈ آئیکنز کو چھپاتا ہے، Default انہیں فیلڈ کے اندر دکھاتا ہے، Label انہیں لیبل سے جوڑتا ہے۔
- Position: Start یا End، صرف اس وقت دکھایا جاتا ہے جب Icons کو Default پر سیٹ کیا جائے۔
Icons
ایک کنٹرول: Stroke، انٹرفیس آئیکنز کی لائن کی موٹائی، جسے Default (عام) یا Heavy (موٹا) پر سیٹ کیا جاتا ہے۔
Prohibitions
براؤزر کے تعاملات کو محدود کریں تاکہ معمولی نقل کرنا مشکل ہو۔ عمومی اختیارات: Copying texts and images، Selecting texts and images، Accessing the context menu (رائٹ کلک)، اور Inspecting the page (ڈویلپر ٹولز کا پتہ چلنے پر صفحے کا مواد ہٹا دیتا ہے)۔ ایک الگ ہیڈر اختیار، Logo redirects to home، آن ہونے پر ہیڈر لوگو کو ہوم پیج سے لنک کرتا ہے، یا آف ہونے پر اسے محض آرائشی بنا دیتا ہے۔
Checkout
- Checkout method: Add to cart خریداروں کو کارٹ دراز سے گزارتا ہے، Fast checkout کارٹ کو چھوڑ کر سیدھا آرڈر فارم پر لے جاتا ہے۔
- Secondary method: ایک ٹوگل جو مخالف طریقہ بطور ثانوی اختیار بھی پیش کرتا ہے، تاکہ ایک فاسٹ چیک آؤٹ اسٹور پھر بھی ایڈ ٹو کارٹ بٹن دکھا سکے، اور اس کے برعکس۔
Checkout form
یہ ٹیب آرڈر فارم کے ہر فیلڈ کو کنٹرول کرتا ہے۔ ہر فیلڈ ایک قطار ہے جسے آپ ترتیب بدلنے کے لیے گھسیٹ سکتے ہیں۔ ہر فیلڈ کے لیے آپ یہ طے کرتے ہیں:
- Status: Disabled (چھپا ہوا، فارم سے ہٹا دیا گیا)، Enabled (دکھایا گیا مگر اختیاری)، یا Required (خریدار کو اسے بھرنا لازمی ہے)۔
- Label: نظر آنے والا فیلڈ نام (زیادہ سے زیادہ 50 حروف)۔
- Placeholder: خالی فیلڈ کے اندر اشارہ دینے والا متن (زیادہ سے زیادہ 50 حروف)۔
علاقائی فیلڈز (District، City، State، Commune، Province) کو ایک Type کنٹرول بھی ملتا ہے (Input آزاد متن کے لیے یا Select ایک ڈراپ ڈاؤن کے لیے)، مگر صرف اس وقت جب فعال مارکیٹ کے ملک کے پاس مرتب کردہ مقامی ڈیٹا موجود ہو۔ دستیاب فیلڈز میں شامل ہیں مکمل نام، پہلا/آخری نام، کمپنی، جنس، سالگرہ، پتہ، پتہ لائن 2، قومی شناختی نمبر، محلہ، ضلع، اپارٹمنٹ، منزل، ZIP، شہر، ریاست، کمیون، صوبہ، آرڈر نوٹ، تحفہ، ای میل، فون، WhatsApp، لنک، رنگ، شپنگ، اور ادائیگی۔ چونکہ فارم فی مارکیٹ ہوتا ہے، آپ ایک مارکیٹ میں قومی شناختی نمبر لازمی کر سکتے ہیں اور دوسری میں اسے چھپا سکتے ہیں۔
Maintenance page
اپڈیٹس کے دوران اسٹور فرنٹ کو ایک ہولڈنگ صفحے کے پیچھے چھپا دیں۔ کنٹرولز: ایک Enabled ماسٹر ٹوگل (آن ہونے پر ہر روٹ مینٹیننس صفحہ دکھاتا ہے، صرف ہوم پیج نہیں)، ایک Heading (سادہ متن، زیادہ سے زیادہ 100 حروف)، ایک Message (رِچ ٹیکسٹ، زیادہ سے زیادہ 500 حروف)، اور ایک Color scheme۔ اسٹور کو دوبارہ آن لائن لانے کے لیے Enabled کو آف کر دیں۔
Custom CSS اور Custom Javascript
اعلیٰ سطح کی تبدیلیوں کے لیے، Custom CSS آپ کے اپنے اسٹائلز شامل کرتا ہے (زیادہ سے زیادہ 1000 حروف) اور Custom Javascript آپ کے اپنے اسکرپٹس شامل کرتا ہے جیسے تھرڈ پارٹی ٹریکنگ (زیادہ سے زیادہ 1000 حروف)۔ دونوں پورے اسٹور پر لاگو ہوتے ہیں، اس لیے انہیں صرف اسی صورت استعمال کریں جب آپ کوڈ کے ساتھ مطمئن ہوں۔