فوائد سیکشن کارڈز کی ایک قطار دکھاتا ہے، ہر کارڈ میں ایک آئیکن، ایک سرخی اور ایک مختصر متن ہوتا ہے۔ اسے ان وعدوں کے لیے استعمال کریں جو آپ ہر خریدار سے کرتے ہیں، جیسے مفت ڈیلیوری، کیش آن ڈیلیوری، محفوظ ادائیگی یا آسان واپسی۔
سیکشن شامل کریں
- بلڈر کھولیں اور صفحات ٹیب میں ہوم پیج منتخب کریں۔
- سیکشنز ٹیب میں نیا سیکشن شامل کریں پر کلک کریں اور مارکیٹنگ گروپ سے فوائد چنیں۔
- سیکشن منتخب کریں اور فائدہ کارڈ شامل کرنے کے لیے نیا بلاک شامل کریں پر کلک کریں۔ ترتیب بدلنے کے لیے کارڈز کو گھسیٹیں۔
یہ صرف ہوم پیج پر دستیاب ہے، ہر صفحے پر ایک، زیادہ سے زیادہ 8 کارڈز کے ساتھ۔
سیکشن کی ترتیبات
- ڈیسک ٹاپ کالم: کمپیوٹر پر کتنے کارڈ ساتھ ساتھ ہوں (1 سے 6)۔ اضافی کارڈز نئی قطار میں چلے جاتے ہیں۔
- موبائل کالمز: فون پر کتنے کارڈ ساتھ ساتھ ہوں (1 سے 3)۔ ایک رکھنے سے ہر متن پڑھنا آسان رہتا ہے۔
- سطح: کارڈ ہر فائدے کو الگ پینل پر رکھتا ہے، سادہ انہیں سیدھا سیکشن کے پس منظر پر رکھتا ہے، اور ڈیوائیڈر کارڈز کے درمیان ایک باریک لکیر کھینچتا ہے۔ کونے، بارڈرز اور سایہ آپ کی تھیم سے آتے ہیں۔
- سیکشن کی چوڑائی، رنگ اسکیم، کارڈز کے درمیان فاصلہ، پیڈنگ، اور حسب ضرورت CSS ٹیب۔
ہر فائدہ کارڈ
- آئیکن: کوئی آئیکن چنیں، جیسے ڈیلیوری ٹرک، ڈھال یا تالا۔ صرف متن والے کارڈ کے لیے کوئی نہیں چنیں۔
- تصویر: آئیکن کی جگہ اپنی تصویر استعمال کریں، صرف اس کارڈ کے لیے۔ یہ آئیکن کے سائز میں دکھائی جاتی ہے۔
- سیدھ: آئیکن اور نمایاں لکیر کے لیے شروع یا مرکز۔ سرخی اور متن کی سیدھ ان کے اپنے متن بلاکس میں ہوتی ہے۔
- آئیکن سائز: آئیکن یا تصویر کا سائز۔
- نمایاں لکیر: متن کے نیچے ایک چھوٹی لکیر جو کارڈ کو مکمل کرتی ہے۔ ڈیفالٹ طور پر آن۔
- ہوور اثر: جب ماؤس کارڈ پر ہو تو لفٹ آئیکن کو اوپر اٹھاتا ہے اور اسکیل اسے بڑا کرتا ہے، اور دونوں نمایاں لکیر کو لمبا کرتے ہیں۔ کوئی نہیں کارڈ کو ساکن رکھتا ہے۔
ہر کارڈ میں زیادہ سے زیادہ 2 متن بلاکس ہوتے ہیں: پہلا سرخی ہے، دوسرا مختصر متن۔ آپ انہیں کسی بھی متن بلاک کی طرح سجا سکتے ہیں، دیکھیں گروپ، متن، بٹن اور ڈیوائیڈر بلاکس: لے آؤٹ اجزاء کی ترتیبات کیسے کام کرتی ہیں؟ آئیکن سائز، سیدھ، نمایاں لکیر اور ہوور ہر کارڈ کے لیے الگ طے ہوتے ہیں، اس لیے آپ ایک ہی قطار میں انہیں ملا جلا سکتے ہیں۔
خیالات
- ڈیلیوری اور ادائیگی: "مفت ڈیلیوری"، "کیش آن ڈیلیوری"، "آسان واپسی" اور "ہفتے کے 7 دن سپورٹ"، 4 ڈیسک ٹاپ کالم اور 2 موبائل کالمز کے ساتھ۔
- برانڈ کے وعدے: "ہاتھ سے بنا"، "قدرتی اجزاء"، "مقامی طور پر تیار"، اپنی بنائی ہوئی تصاویر کے ساتھ۔
جاننے کی باتیں
- کارڈز لنکس نہیں ہیں، اس لیے ہوور اثر صرف آئیکن اور لکیر کو حرکت دیتا ہے، کارڈ کو کبھی نہیں۔
- جن خریداروں نے اپنے آلے پر کم حرکت (reduced motion) آن کی ہو، انہیں کارڈز بغیر حرکت کے نظر آتے ہیں۔
- پروڈکٹ پیج پر خریدنے کے بٹن کے پاس چھوٹے بھروسے کے پیغامات کے لیے اس کی بجائے بیجز بلاک استعمال کریں۔ دیکھیں میں اپنے پروڈکٹ پیج پر کھلنے بند ہونے والے ٹیبز، ڈیلیوری کی تاریخیں، سائز گائیڈ، بیجز یا پہلے اور بعد کی تصاویر کیسے شامل کروں؟
- صرف وہی وعدہ کریں جو آپ واقعی پورا کرتے ہیں۔ خریدار ان کارڈز پر بھروسہ کرتے ہیں۔