ایپ کا استعمال
ظاہری شکل
ظاہری شکل کا صفحہ آپ کے اسٹور کے تمام چارٹس کو ایک ساتھ انداز دیتا ہے، تاکہ وہ سب آپ کے برانڈ سے میل کھائیں۔ صفحے پر لائیو پیش منظر ہر تبدیلی کو اسی وقت دکھاتا ہے۔
تبدیلیاں لاگو کرنے کے لیے اوپر والی بار میں محفوظ کریں پر کلک کریں۔ آپ کے اسٹور کا ہر فعال چارٹ فوراً اپ ڈیٹ ہو جاتا ہے — چارٹس کو ایک ایک کر کے دوبارہ محفوظ کرنے کی ضرورت نہیں۔ کسی ایک چارٹ کو مختلف دکھانا ہے؟ کسی ایک چارٹ کو الگ انداز دینا دیکھیں۔
چارٹ ونڈو
| سیٹنگ | یہ کیا کرتی ہے |
|---|---|
| چوڑائی | تنگ (تین یا چار کالموں کے لیے بہترین)، درمیانہ (ڈیفالٹ)، چوڑا (افقی اسکرول کے بغیر چوڑی ٹیبلز کے لیے جگہ)، یا زیادہ چوڑا (چارٹ کے ساتھ پروڈکٹ کی تصاویر کے لیے بہترین)۔ |
| کونوں کی گولائی | 0–24 px۔ ڈیفالٹ 8 px۔ |
| پیڈنگ | 0–48 px۔ ڈیفالٹ 24 px۔ چارٹ کے کنارے اور اس کے مواد کے درمیان جگہ۔ |
ہیڈر
پاپ اپ یا سائیڈ پینل کے اوپر کی بار۔
| سیٹنگ | یہ کیا کرتی ہے |
|---|---|
| پروڈکٹ کا نام دکھائیں | پاپ اپ کے اوپر اس پروڈکٹ کا نام دکھاتا ہے جہاں سے اسے کھولا گیا۔ چھپا ہونے پر بھی اسکرین ریڈرز اسے پڑھ کر سناتے ہیں۔ |
| ہیڈر کا پس منظر | چارٹ کا پس منظر استعمال کرنے کے لیے خالی چھوڑیں۔ |
| عنوان کا رنگ | متن کا رنگ استعمال کرنے کے لیے خالی چھوڑیں۔ |
| عنوان کی ترتیب | بائیں یا درمیان۔ |
| بند کرنے کا بٹن | سادہ ✕، یا بھرے ہوئے دائرے میں ✕۔ |
| آئیکن کا رنگ | خود ✕ کا رنگ۔ عنوان کا رنگ استعمال کرنے کے لیے خالی چھوڑیں۔ |
| دائرے کا رنگ | بھرے ہوئے دائرے والے انداز کے لیے۔ |
پروڈکٹ کی تصاویر
| سیٹنگ | یہ کیا کرتی ہے |
|---|---|
| چارٹ کے ساتھ پروڈکٹ کی تصاویر دکھائیں | چارٹ کے ساتھ پروڈکٹ کی اپنی تصاویر دکھاتا ہے، دیکھنے کے لیے تیروں کے ساتھ۔ بڑی اسکرین پر یہ صرف پاپ اپ میں دکھتی ہیں — پینل بہت تنگ ہوتے ہیں۔ زیادہ چوڑا ونڈو کے ساتھ استعمال کریں۔ |
| فون پر بھی دکھائیں | فون پر تصاویر چارٹ کے اوپر آتی ہیں، پاپ اپ اور پینل دونوں میں۔ بند ہونے پر فون پر صرف چارٹ دکھتا ہے۔ |
پس منظر
| سیٹنگ | یہ کیا کرتی ہے |
|---|---|
| پس منظر کا رنگ | چارٹ کی سطح۔ ڈیفالٹ سفید۔ |
| متن کا رنگ | بنیادی متن — گہرے پس منظر کے ساتھ اسے بھی بدلیں تاکہ چارٹ پڑھنے کے قابل رہے۔ |
| پس منظر کی تصویر | پورے چارٹ کے پیچھے ایک تصویر۔ |
| تصویر کی فٹنگ | چارٹ کو بھر دیں، پوری تصویر دکھائیں، یا دہرائیں (ٹائل)۔ |
| تصویر کی جگہ | درمیان، اوپر یا نیچے۔ |
| اوورلے | 0–90%۔ تصویر کو پس منظر کے رنگ سے ہلکا کرتا ہے تاکہ متن پڑھا جا سکے۔ 0% پر تصویر جیسی ہے ویسی دکھتی ہے۔ |
ٹیبل
| سیٹنگ | یہ کیا کرتی ہے |
|---|---|
| کالم ہیڈر کا پس منظر | ڈیفالٹ ہلکا سرمئی۔ |
| کالم ہیڈر کا متن | ڈیفالٹ تقریباً سیاہ۔ |
| گرڈ لائنیں | قطاروں اور سیلز کے درمیان لکیروں کا رنگ۔ |
| متبادل قطاروں میں رنگ | ہر دوسری قطار کو ہلکا سا رنگ دیتا ہے تاکہ چوڑی ٹیبلز پڑھنا آسان ہو۔ |
انفرادی ٹیبلز ایڈیٹر میں اسٹائل کے آپشنز کے تحت یہ رنگ بدل سکتی ہیں۔
متن
| سیٹنگ | یہ کیا کرتی ہے |
|---|---|
| سرخیوں کا رنگ | چارٹ کی سرخیاں، ساتھ ہی اکائی کے سوئچ میں منتخب اکائی اور کی بورڈ فوکس کی بیرونی لکیر جیسی نمایاں چیزیں۔ |
| بنیادی سائز | 11–20 px۔ ڈیفالٹ 14 px۔ سرخیاں اور متن اسی کے مطابق چھوٹے بڑے ہوتے ہیں۔ |
رویہ
| سیٹنگ | یہ کیا کرتی ہے |
|---|---|
| باہر کلک کرنے پر بند کریں | ڈیفالٹ کے طور پر آن۔ بند کریں تاکہ چارٹ صرف بند کرنے کے بٹن سے بند ہو۔ Escape ہمیشہ کام کرتا ہے۔ |
حسبِ ضرورت CSS
ان سب چیزوں کے لیے جو اوپر کے آپشنز میں نہیں۔ CSS وہاں شامل کی جاتی ہے جہاں بھی چارٹ دکھتا ہے۔ اپنے سلیکٹرز .plug-sc سے شروع کریں تاکہ وہ صرف سائز چارٹ پر اثر ڈالیں، آپ کی تھیم کے باقی حصے پر نہیں۔
کارآمد کلاس نام:
| سیٹنگ | یہ کیا کرتی ہے |
|---|---|
| .plug-sc__trigger | سائز چارٹ کا لنک یا بٹن۔ |
| .plug-sc__dialog | پاپ اپ یا سائیڈ پینل ونڈو۔ |
| .plug-sc__heading | پاپ اپ کے اوپر کا عنوان۔ |
| .plug-sc__table | ہر پیمائش کی ٹیبل۔ |
| .plug-sc__units | ٹیبل کے اوپر اکائی کا سوئچ۔ |
| .plug-sc__float | تیرتا ہوا بٹن۔ |
| .plug-sc__inline | صفحے پر دکھایا گیا چارٹ۔ |
/* Smaller table text on the storefront */
.plug-sc .plug-sc__table {
font-size: 13px;
}
/* Hide the floating button on phones */
@media (max-width: 749px) {
.plug-sc .plug-sc__float { display: none; }
}ری سیٹ
ڈیفالٹ بحال کریں فارم کے ہر آپشن کو اس کی ڈیفالٹ قدر پر واپس لے آتا ہے۔ جب تک آپ محفوظ کریں پر کلک نہ کریں، آپ کے اسٹور پر کچھ نہیں بدلتا۔