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