ইন্ডিকেটর সেকশন এক সারি সংখ্যা দেখায়, যেমন "10,000+ সন্তুষ্ট কাস্টমার" বা "98% ইতিবাচক রিভিউ"। ক্রেতারা স্ক্রল করে পৌঁছালে প্রতিটি সংখ্যা শূন্য থেকে গুনে বাড়ে।
সেকশনটি যোগ করুন
- বিল্ডার খুলুন এবং পেজ ট্যাবে হোম পেজ বেছে নিন।
- সেকশন ট্যাবে নতুন সেকশন যোগ করুন ক্লিক করুন এবং কনটেন্ট গ্রুপ থেকে ইন্ডিকেটর বেছে নিন।
- সেকশনটি সিলেক্ট করুন এবং একটি পরিসংখ্যান (একটি সংখ্যা) যোগ করতে নতুন ব্লক যোগ করুন ক্লিক করুন। পরিসংখ্যানগুলোকে ভাগে ভাগ করতে একটি ডিভাইডার-ও যোগ করতে পারেন।
এটি শুধু হোম পেজে পাওয়া যায়, প্রতি পেজে সর্বোচ্চ 2টি। প্রতিটি ইন্ডিকেটরে সর্বোচ্চ 8টি পরিসংখ্যান ও 7টি ডিভাইডার থাকতে পারে।
সেকশনের সেটিংস
- প্রতি সারিতে আইটেম (1 থেকে 8): পাশাপাশি কয়টি পরিসংখ্যান বসবে। ছোট স্ক্রিনে প্রতি সারিতে কম দেখাতে পারে, যাতে সংখ্যাগুলো কখনো চাপাচাপি না হয়।
- দিক: লম্বালম্বি লেবেলকে সংখ্যার উপরে বা নিচে বসায়, আড়াআড়ি দুটোকে পাশাপাশি বসায়।
- ফন্টের সাইজ: সংখ্যাগুলোর সাইজ, পিক্সেলে।
- বোল্ড: সংখ্যাগুলোকে বোল্ড করে।
- সেকশনের প্রস্থ, কালার স্কিম, প্যাডিং এবং একটি কাস্টম CSS ট্যাব।
প্রতিটি পরিসংখ্যান
- ভ্যালু: সংখ্যাটি। এটি শুধু পূর্ণসংখ্যা নেয়। বড় সংখ্যায় হাজারের বিভাজক বসে, যেমন 10,000।
- প্রিফিক্স: সংখ্যার আগে ছোট টেক্সট, যেমন $।
- সাফিক্স: সংখ্যার পরে ছোট টেক্সট, যেমন +, % বা K।
- টেক্সটের অবস্থান: লেবেলকে সংখ্যার উপরে বা নিচে বসাতে উপরে বা নিচে।
- ফাঁকা: সংখ্যা ও তার লেবেলের মাঝের জায়গা।
লেবেলটি পরিসংখ্যানের ভিতরে থাকা একটি টেক্সট ব্লক (প্রতি পরিসংখ্যানে একটি)। শব্দ, সাইজ বা অ্যালাইনমেন্ট বদলাতে এতে ক্লিক করুন। দেখুন গ্রুপ, টেক্সট, বাটন ও ডিভাইডার ব্লক: লেআউট কম্পোনেন্টের সেটিংস কীভাবে কাজ করে?
ডিভাইডার
এই সেকশনে একটি ডিভাইডার সেকশনের পুরো প্রস্থ নেয়। এটি এক সারির দুটি সংখ্যার মাঝে বসে না: এটি আড়াআড়ি একটি লাইন টানে, তাই এর আগের ও পরের পরিসংখ্যানগুলো দুটি ভাগ হয়ে যায়। যেখানে চান সেখানে টেনে নিন। এর পুরুত্ব, দৈর্ঘ্য ও প্যাডিং যেকোনো ডিভাইডারের মতোই সেট হয়, আর লাইনটি কালার স্কিমের বর্ডারের রং ব্যবহার করে।
কিছু রেসিপি
- বড় সংখ্যা: "250K+ অর্ডার"-এর জন্য ভ্যালুতে 250 আর সাফিক্সে K+ লিখুন। এটি ছোট এবং পড়তে সহজ।
- শতাংশ: ভ্যালু 98, সাফিক্স %, আর লেবেল যেমন "কাস্টমার আমাদের সুপারিশ করেন"।
- বছর: ভ্যালু 12, লেবেল যেমন "বছর ধরে ব্যবসায়"।
- পরিষ্কার সারি: প্রতি সারিতে আইটেম আপনার পরিসংখ্যানের সংখ্যার সমান, আর বোল্ড চালু যাতে সংখ্যাগুলো চোখে পড়ে।
- দুটি ভাগ: কাস্টমার নিয়ে চারটি পরিসংখ্যান, একটি ডিভাইডার, তারপর ডেলিভারি নিয়ে চারটি পরিসংখ্যান।
জেনে রাখুন
- গুনে বাড়ার অ্যানিমেশন একবারই চলে, সেকশনটি প্রথমবার দেখা গেলে।
- কোনো পরিসংখ্যানে লেবেল ছাড়া শুধু সংখ্যা দেখাচ্ছে? এর টেক্সট ব্লক লুকানো বা ডিলিট করা হয়েছে। পরিসংখ্যানটি সিলেক্ট করে আবার একটি যোগ করতে নতুন ব্লক যোগ করুন ক্লিক করুন।
- ফোনে সংখ্যাগুলো দুই সারিতে চলে যাচ্ছে? এটি স্বাভাবিক: স্ক্রিন খুব সরু হলে সেকশনটি প্রতি সারিতে কম পরিসংখ্যান দেখায়।
- যেসব ক্রেতা নিজের ডিভাইসে কম মোশন (reduced motion) চালু করেছেন, তারা গোনা ছাড়াই সরাসরি শেষ সংখ্যাগুলো দেখেন।
- শুধু সত্যি সংখ্যাই দেখান। সত্যি না হলে ক্রেতারা বুঝে ফেলেন।