اسٹور فرنٹ بلڈر کا استعمال

بلڈر کیا ہے

اسٹور فرنٹ بلڈر ایک بصری ایڈیٹر ہے جو آپ کو بغیر کوئی کوڈ لکھے اپنے اسٹور کے ہر صفحے کو ڈیزائن کرنے کی سہولت دیتا ہے۔ آپ کی تبدیلیاں اسکرین کی دائیں جانب براہ راست دکھائی جاتی ہیں۔ خریداروں کو کچھ بھی دکھائی نہیں دیتا جب تک آپ Publish نہیں کرتے۔

بلڈر کی ترتیب

بلڈر تین حصوں میں تقسیم ہے:

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

صفحات اور مارکیٹس کے درمیان سوئچ کرنا

بائیں سائڈ بار میں Pages ٹیب (صفحات کا آئیکن) استعمال کریں تاکہ قابل ترمیم صفحات کے درمیان سوئچ کریں (Home، Product، Cart وغیرہ)۔ پہلا ٹیب (ملکی پرچم آئیکن) اپنے فعال مارکیٹس کے درمیان سوئچ کرنے کے لیے استعمال کریں۔ ہر مارکیٹ اور صفحے کے امتزاج کا اپنا ٹیمپلیٹ اور اپنی Undo تاریخ ہوتی ہے۔

مختلف آلات پر پری ویو

اوپری بار میں ویو پورٹ ٹوگل بٹن ہیں: Mobile، Desktop، Fullscreen، اور ایک پھیلانے کا آئیکن جو الگ پری ویو ونڈو کھولتا ہے۔ شائع کرنے سے پہلے مختلف اسکرین سائزز پر اپنے اسٹور کی شکل جانچنے کے لیے انہیں استعمال کریں۔

سیکشن شامل کرنا

1. بائیں سائڈ بار میں موجودہ صفحے کے لیے Sections کی فہرست تلاش کریں۔
2. سیکشنز کے درمیان ظاہر ہونے والے + Add section بٹن پر کلک کریں، یا کسی موجودہ سیکشن پر تین نقطوں کا مینو کھولیں اور Add before یا Add after منتخب کریں۔
3. ایک پکر کھلتا ہے جو موجودہ صفحے کے لیے تمام دستیاب سیکشن اقسام دکھاتا ہے۔ کوئی سیکشن قسم شامل کرنے کے لیے اس پر کلک کریں۔

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

سیکشن کے اندر بلاک شامل کرنا

ایک سیکشن منتخب کریں، پھر اس کے کنٹرول پینل کے اندر + Add block پر کلک کریں۔ بلاکس سیکشن کے اندر تعمیراتی اجزاء ہیں: متن، تصاویر، بٹن، لے آؤٹ گروپس، ڈیوائیڈرز، اور مزید۔ دستیاب بلاک اقسام اور ان کی تعداد سیکشن کے لحاظ سے مختلف ہوتی ہے۔

سیکشنز اور بلاکس کی دوبارہ ترتیب

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

سیکشنز کو چھپانا اور حذف کرنا

سائڈ بار میں ہر سیکشن قطار میں آنکھ کا آئیکن مرئیت ٹوگل کرنے کے لیے اور ردی کی ٹوکری کا آئیکن اسے مستقل طور پر حذف کرنے کے لیے ہوتا ہے۔ تین نقطوں کا مینو (⋯) بھی Hide/Show اور Delete ظاہر کرتا ہے۔ چھپے ہوئے سیکشن آپ کے ٹیمپلیٹ میں رہتے ہیں لیکن خریداروں کو نہیں دکھائے جاتے۔

سیکشن کو نقل کرنا

بائیں سائڈ بار میں سیکشن کی قطار پر تین نقطوں کا مینو کھولیں اور Duplicate پر کلک کریں۔ ایک کاپی فوری طور پر صرف موجودہ صفحے پر اصل کے نیچے ظاہر ہوتی ہے۔

کسی سیکشن کا مواد یا انداز دوسرے سیکشن میں کاپی کرنا

ماخذ سیکشن پر تین نقطوں کا مینو کھولیں اور Copy پر کلک کریں۔ پھر منزل سیکشن پر تین نقطوں کا مینو کھولیں اور تمام مواد اور اسٹائل تبدیل کرنے کے لیے Paste پر کلک کریں، یا صرف بصری اسٹائل کاپی کرنے کے لیے Paste style only پر کلک کریں بغیر مواد کو چھوئے۔

اعلی درجے کے سیکشن کو تمام صفحات پر لاگو کرنا

Header، Footer، اور Announcement Bar ہر صفحے پر ظاہر ہوتے ہیں۔ اگر آپ ہوم پیج پر ہیڈر ترمیم کرتے ہیں اور چاہتے ہیں کہ باقی ہر صفحہ اسی ورژن کو استعمال کرے، تو ہیڈر سیکشن پر تین نقطوں کا مینو کھولیں اور Apply to all pages منتخب کریں۔ یہ باقی ہر صفحے پر اس سیکشن کو اوور رائٹ کر دیتا ہے، اس لیے یہ عمل واپس نہیں کیا جا سکتا۔ پہلے یقینی بنائیں کہ نتیجہ آپ کو پسند ہے۔

انسپیکٹر موڈ

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

Undo اور Redo

اوپری بار میں Undo (واپسی تیر آئیکن) اور Redo بٹن ہیں۔ Undo اور Redo کی تاریخ ہر مارکیٹ اور صفحے کے لیے الگ ہوتی ہے، اس لیے ہوم پیج پر Undo کرنے سے پروڈکٹ صفحے پر کی گئی تبدیلیاں متاثر نہیں ہوتیں۔

محفوظ کرنا اور شائع کرنا

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

شائع کرنے سے پہلے کیا جانچیں

• Mobile ویو پر سوئچ کریں اور پورے صفحے پر سکرول کریں، کیونکہ زیادہ تر خریدار موبائل پر ہوتے ہیں۔
• ہر سیکشن کے پس منظر رنگ کے خلاف متن کے کنٹراسٹ کو جانچیں۔
• یقینی بنائیں کہ ہر امیج بلاک میں میڈیا فائل منتخب ہے، کیونکہ خالی امیج پلیس ہولڈرز براہ راست اسٹور پر خالی جگہ کے طور پر ظاہر ہوتے ہیں۔
• تصدیق کریں کہ بٹنز اور مینوز میں لنکس درست منزلوں کی طرف اشارہ کرتے ہیں۔