مواد پر جائیں
مدد
اردو
العربيةČeštinaDeutschΕλληνικάEnglishEspañolFrançaisItalianaPolskiPortuguêsRomâniaРусскийSlovenčinaKiswahiliTürkçeاردو简体中文
اسٹور فرنٹ بلڈر

سیکشنز اور بلاکس

بلڈر میں دستیاب ہر سیکشن اور بلاک کی قسم، ہر ایک کا آپ کے اسٹور میں اضافہ کرنے کی وضاحت کے ساتھ۔

سیکشنز بمقابلہ بلاکس

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

عالمی سیکشنز (ہر صفحے پر ظاہر ہوتے ہیں)

Announcement Bar

صفحے کے اوپر ایک پتلی تشہیری پٹی۔ آپ 7 انفرادی اعلان پیغامات تک شامل کر سکتے ہیں، ہر ایک کا اپنا متن۔ پیغامات دو طریقوں میں گھومتے ہیں: Ticker (مسلسل افقی اسکرول) یا Slider (2 سے 10 سیکنڈ کے ترتیب پذیر وقفے کے ساتھ الگ تبدیلیاں)۔ اضافی اختیارات میں متن کی سمت (بائیں سے دائیں یا دائیں سے بائیں)، ٹکر پیغامات کے درمیان ایک علیحدگی کردار، فونٹ سائز (10 سے 30 px)، اور رنگ سکیم شامل ہیں۔ آپ فی صفحہ زیادہ سے زیادہ 2 announcement bars شامل کر سکتے ہیں۔

مرکزی نیویگیشن بار۔ اس میں پانچ مقررہ بلاکس ہیں جنہیں شامل، ہٹایا یا ترتیب بدلی نہیں جا سکتی، صرف ترتیب دیے جا سکتے ہیں:

  • Logo: آپ کے اسٹور کی برانڈ تصویر دکھاتا ہے۔ پوزیشن (بائیں، درمیان، یا دائیں)، چوڑائی (20 سے 300 px)، اونچائی (20 سے 300 px)، اور padding مقرر کریں۔
  • Menu: نیویگیشن مینو۔ Menus میں بنایا گیا مینو چنیں، پھر اس کی افقی پوزیشن، کون سی ہیڈر قطار پر (اوپر یا نیچے)، ڈسپلے کی قسم (drawer، mega menu، یا dropdown)، اور ڈراپ ڈاؤن پینل کی رنگ سکیم مقرر کریں۔ ایک مینو بار اختیار نیچے کی قطار کے پیچھے پوری چوڑائی والی رنگین پٹی شامل کرتا ہے۔
  • Search: ایک تلاش آئیکن جو پروڈکٹ تلاش کا اوورلے کھولتا ہے۔ اس کی افقی پوزیشن (بائیں یا دائیں) اور کون سی قطار پر ہو مقرر کریں۔
  • Cart: آئٹم کی گنتی بیج کے ساتھ کارٹ آئیکن۔ ڈسپلے کی قسم کے اختیارات: Drawer (ایک سائیڈ پینل)، Dropdown (ہیڈر میں ایک مینی کارٹ)، یا Page (مکمل کارٹ صفحے پر لے جاتا ہے)۔ ہر قسم کا اپنا رنگ سکیم سلیکٹر ہے۔
  • Localization: کثیر مارکیٹ اسٹورز کے لیے ملک اور زبان کا سلیکٹر۔ ملک کا نام اور پرچم دکھانا ہو یا نہ ہو ٹوگل کریں، اور پوزیشن اور قطار مقرر کریں۔

ہیڈر کی سطح کی ترتیبات میں شامل ہیں: Sticky behavior (Scroll (سمارٹ سٹیکی: نیچے اسکرول پر چھپ جاتا ہے، اوپر اسکرول پر واپس آتا ہے)، Always (مستقل طور پر اوپر مقررہ)، Reduce (اسکرول پر سکڑتا ہے)، یا Never (صفحے کے ساتھ اسکرول ہوتا ہے))، نیز Width (صفحہ محدود یا کنارے سے کنارے)، رنگ سکیم، اوپر اور نیچے padding، اور حسب ضرورت CSS خانہ۔ فی صفحہ زیادہ سے زیادہ 1 ہیڈر۔

ہر صفحے کا نیچے کا سیکشن۔ آپ فوٹر کے اندر بلاکس شامل، ہٹا اور ترتیب بدل سکتے ہیں۔ دستیاب فوٹر بلاکس:

  • About Us: ایک برانڈ کہانی کا علاقہ جس میں آپ کا لوگو، متن بلاکس، رابطہ کی معلومات اور اختیاری لے آؤٹ گروپس شامل ہیں۔ سمت، ترتیب، gap، چوڑائی اور padding کنٹرولز سپورٹ کرتا ہے۔ فی فوٹر زیادہ سے زیادہ 1۔
  • Menu: لنک فہرست کے طور پر دکھایا گیا نیویگیشن مینو۔ Menus میں بنایا گیا مینو منتخب کریں۔ فی فوٹر زیادہ سے زیادہ 1۔
  • Social Media Icons: سوشل پلیٹ فارم آئیکنز کی ایک قطار۔ سپورٹ شدہ پلیٹ فارمز: Facebook، Instagram، Threads، X (Twitter)، TikTok، Snapchat، YouTube، LinkedIn، Pinterest، Tumblr، WhatsApp، اور Telegram۔ آئیکن سائز (12 سے 64 px)، gap (0 سے 48 px)، شکل (کوئی نہیں، دائرہ، گول، یا مربع)، شکل بھرنے کی طرز (flat یا outline)، کنٹینر سائز (26 سے 80 px)، رنگ پیلیٹ (برانڈ رنگ، مونو کروم، یا حسب ضرورت رنگ)، اور hover اثر (کوئی نہیں، برانڈ، scale، lift، یا opacity) ترتیب دیں۔ فی فوٹر زیادہ سے زیادہ 1۔
  • Payment Icons: آپ کے اسٹور میں فعال کردہ ادائیگی کے طریقوں (Visa، Mastercard، PayPal، Stripe، Apple Pay، وغیرہ) کے آئیکنز خودبخود دکھاتا ہے۔ کوئی ترتیب نہیں چاہیے۔ فی فوٹر زیادہ سے زیادہ 1۔
  • Privacy Links: آپ کے قانونی صفحات (Privacy Policy، Terms of Service، Refund Policy، Shipping Policy) کے لنکس، آپ کی اسٹور پالیسیوں سے خودبخود بنائے جاتے ہیں۔ فونٹ سائز (12 سے 20 px) اور متن کیس (ڈیفالٹ یا بڑے حروف) مقرر کریں۔ فی فوٹر زیادہ سے زیادہ 1۔
  • Copyright: کاپی رائٹ سال اور آپ کے اسٹور کا نام دکھاتا ہے، اختیاری "Powered by Storeep" سطر کے ساتھ۔ فونٹ سائز (12 سے 20 px)، متن کیس، اور Storeep کی نسبت دکھانی ہو یا نہیں مقرر کریں۔ فی فوٹر زیادہ سے زیادہ 1۔
  • Text، Divider، اور Group: وہی لے آؤٹ اجزاء جو دوسرے سیکشنز میں دستیاب ہیں۔ مکمل تفصیل کے لیے لے آؤٹ اجزاء دیکھیں۔

ہوم پیج کے سیکشنز

Hero

میڈیا پس منظر (تصویر یا ویڈیو) کے ساتھ مکمل ویو پورٹ بینر سیکشن۔ دو ڈسپلے موڈز: Single (ایک پس منظر) اور Split (دو میڈیا پینلز جنب بجنب)۔ اونچائی کے پری سیٹس: Small (ویو پورٹ کی اونچائی کا 50%)، Medium (70%)، Large (90%)، Fullscreen (پوری اسکرین کی اونچائی)، Image (آپ کے میڈیا کا قدرتی سائز اختیار کرتا ہے تاکہ پوری تصویر نظر آئے)، یا Custom (صارف کا مقررہ فیصد)۔ مواد بلاکس میڈیا پر اوورلے ہوتے ہیں اور گروپ جیسی لے آؤٹ کنٹرولز سپورٹ کرتے ہیں: سمت، ترتیب، gap اور padding۔ میڈیا پر ٹھوس یا گریڈئینٹ بھرنے کا اوورلے لگایا جا سکتا ہے۔ ہیڈر کے فوری بعد رکھنے اور Transparent header اختیار فعال ہونے پر، ہیڈر hero میں گھل جاتا ہے اور اس کی رنگ سکیم استعمال کرتا ہے۔

آپ کے کیٹلاگ سے حاصل پروڈکٹ گرڈ یا کیروسل۔ ذریعہ کے اختیارات: Manual (آپ مخصوص پروڈکٹس چنتے ہیں)، Newest (حال ہی میں شامل کردہ پروڈکٹس)، یا Bestselling (فروخت کے حجم کے مطابق ترتیب شدہ پروڈکٹس)۔ ڈیسک ٹاپ کالموں کی تعداد (1 سے 8)، موبائل کالم (1 یا 2)، کارڈز کے درمیان gap، سیکشن کی چوڑائی اور رنگ سکیم ترتیب دیں۔ ایک پروڈکٹ کارڈ بلاک ہوتا ہے جو ہر کارڈ کا لے آؤٹ (تصویر، عنوان، قیمت، ریٹنگ اور خریداری بٹن) طے کرتا ہے، نیز گرڈ کے اوپر یا نیچے اختیاری متن اور divider بلاکس۔

Slideshow

مکمل چوڑائی والی تصویر یا ویڈیو کیروسل۔ ہر سلائیڈ کا اپنا میڈیا پس منظر، اوورلے اور مواد بلاکس (متن، بٹن، گروپ اور divider) ہو سکتے ہیں۔ فی slideshow زیادہ سے زیادہ 7 سلائیڈز، فی صفحہ زیادہ سے زیادہ 2 slideshow سیکشنز۔ صرف ہوم پیج پر دستیاب۔

Newsletter

ای میل سبسکرپشن فارم۔ ڈسپلے موڈز: Inline (صفحے میں سمایا ہوا) یا Fixed (نیچے کونے میں لنگر انداز فلوٹنگ ویجٹ)۔ اندر کے بلاکس میں متن (سرخیاں اور وضاحتیں)، ایک ای میل ان پٹ فیلڈ (اختیاری لیبل، placeholder اور رازداری نوٹس کے ساتھ)، ایک سبسکرائب بٹن (آئیکن یا متن لیبل، اسے بصری طور پر ان پٹ فیلڈ میں ضم کرنے کا اختیار)، dividers اور گروپس شامل ہیں۔ آپ کوئی سائن اپ کرنے کے بعد دکھائی جانے والی کامیابی کی سرخی اور پیغام بھی ترتیب دے سکتے ہیں۔

پروڈکٹ صفحے کے سیکشنز

Product Info

مرکزی پروڈکٹ تفصیل سیکشن۔ پروڈکٹ میڈیا گیلری (تصاویر اور ویڈیوز)، پروڈکٹ کی تفصیلات کا علاقہ (عنوان، قیمت، بچت بیج، ویریئنٹس، خریداری فارم، WhatsApp آرڈر بٹن اور کاؤنٹ ڈاؤن ٹائمر)، اور پروڈکٹ وضاحت بلاک شامل ہیں۔ خریداری فارم inline یا پاپ اپ لے آؤٹ، آرڈر خلاصہ ٹوگل، حسب ضرورت سرخی اور ذیلی سرخی متن، Add to Cart اور Buy Now کے لیے حسب ضرورت بٹن لیبل، تحفہ پیغام hook، اور رعایت ختم ہونے کا کاؤنٹ ڈاؤن ٹائمر سپورٹ کرتا ہے۔ یہ سیکشن پروڈکٹ صفحے پر لازمی ہے۔

ایک پروڈکٹ گرڈ جو اس وقت دیکھی جانے والی پروڈکٹ سے متعلق پروڈکٹس دکھاتا ہے، ایک ہی کلیکشن کی بنیاد پر یا دستی طور پر منتخب۔ Featured Products سیکشن جیسا ہی پروڈکٹ کارڈ سسٹم استعمال کرتا ہے۔

Reviews

موجودہ پروڈکٹ کے لیے صارف کے جائزے دکھاتا ہے۔ ایک جائزہ خلاصہ بلاک (اوسط ستارہ ریٹنگ، کل جائزہ تعداد اور اختیاری ستارہ تقسیم بار) اور ایک جائزہ فارم بلاک (ایک بٹن جو جائزہ جمع کرانے کا پینل کھولتا ہے) شامل ہیں۔ جائزے شائع ہونے سے پہلے نظر ثانی کی جاتی ہے۔

لینڈنگ صفحے کے سیکشنز

Landing Info

لینڈنگ صفحات کے لیے پروڈکٹ سیلز سیکشن۔ Product Info سے ملتا جلتا لیکن ایک مخصوص سیلز صفحے کے لیے ترتیب دیا گیا: ایک مرکوز لے آؤٹ میں پروڈکٹ فارم، میڈیا، وضاحت اور متعلقہ مواد بلاکس کو یکجا کرتا ہے۔ یہ سیکشن لینڈنگ صفحے پر لازمی ہے۔

کلیکشن صفحے کے سیکشنز

Collection Products

کلیکشن صفحے کا پروڈکٹ گرڈ۔ دکھائے گئے پروڈکٹس اس کلیکشن سے لیے جاتے ہیں جہاں خریدار نیویگیٹ کیا۔ آپ ڈیسک ٹاپ کالم (1 سے 8)، موبائل کالم (1 یا 2)، کارڈز کے درمیان gap، ترتیب کے اختیارات، فلٹر سائیڈ بار اور پروڈکٹ کارڈ لے آؤٹ ترتیب دے سکتے ہیں۔ یہ سیکشن کلیکشن صفحے پر لازمی ہے۔

تلاش صفحے کے سیکشنز

Search Products

تلاش کے نتائج کا پروڈکٹ گرڈ۔ خریدار کی تلاش کے سوال سے مطابقت رکھنے والے پروڈکٹس دکھاتا ہے۔ Collection Products سیکشن جیسی کارڈ اور گرڈ ترتیب استعمال کرتا ہے۔ یہ سیکشن تلاش صفحے پر لازمی ہے۔

رابطہ صفحے کے سیکشنز

Contact

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

تمام صفحات پر دستیاب سیکشنز

Text

سرخی، پیراگراف یا فارمیٹ شدہ مواد بلاک کے لیے ایک خودمختار متن سیکشن۔ فی صفحہ زیادہ سے زیادہ 3 متن سیکشنز۔ تمام متن ترتیبات کے لیے لے آؤٹ اجزاء دیکھیں۔

Image

ایک خودمختار تصویر سیکشن۔ فی صفحہ زیادہ سے زیادہ 3 تصویر سیکشنز۔ چوڑائی، ترتیب، aspect ratio (خودکار، portrait 3:4، مربع 1:1، یا landscape 4:3)، fit (cover یا contain)، کونے کا گول پن، padding، اور اختیاری کلک تھرو لنک ترتیب دیں۔

Divider

ایک افقی یا عمودی علیحدگی لائن۔ فی صفحہ زیادہ سے زیادہ 10 divider سیکشنز۔ موٹائی، لمبائی (کنٹینر کے فیصد کے طور پر)، سرے کی شکل (تیز یا گول)، ترتیب، رنگ سکیم، چوڑائی (fit یا fill)، اور padding ترتیب دیں۔ مکمل تفصیل کے لیے لے آؤٹ اجزاء دیکھیں۔

FAQ

ایک accordion طرز کا عام سوالات سیکشن۔ جتنے چاہیں سوال اور جواب جوڑے شامل کریں۔ رنگ سکیم، سیکشن کی چوڑائی اور padding ترتیب دیں۔

Custom Code

خام HTML، CSS اور JavaScript کے لیے ایک سیکشن۔ آپ کا HTML صفحے پر ایک منفرد کنٹینر کے اندر داخل کیا جاتا ہے۔ آپ کا لکھا گیا CSS خودبخود اس کنٹینر تک محدود ہو جاتا ہے تاکہ آپ کی سٹائلز دوسرے سیکشنز کو متاثر نہ کریں۔ JavaScript ایک الگ دائرے میں چلتا ہے اور صفحے کا مواد تیار ہونے کے بعد لوڈ ہوتا ہے تاکہ آپ کے queries درست طریقے سے حل ہوں۔ فی صفحہ زیادہ سے زیادہ 2 custom code سیکشنز۔ تھرڈ پارٹی ویجٹس، حسب ضرورت اینیمیشنز، یا جو کچھ بھی معیاری سیکشنز میں ممکن نہ ہو اسے سمانے کے لیے مفید۔