পোস্টার হিরো, অ্যানিমেশন ও কার্ড আপগ্রেড
আপডেট
থিম বিল্ডারে সম্প্রতি চারটি আপগ্রেড এসেছে, যা আপনার স্টোরকে দেখতে বড় আর বিক্রিতে আরও তেজি করে তোলে: Hero Banner-এর নতুন Poster লেআউট, Heading scale অপশন, Animations টগল আর আরও স্মার্ট প্রোডাক্ট কার্ড। নিচের সবকিছুই সেভ ও প্রকাশ করলেই লাইভ হয়ে যায় — আর প্রতিটি ডিফল্ট থাকে আপনার স্টোরের আগের চেহারাই, তাই নিশ্চিন্তে ঘুরে দেখতে পারেন।
Poster hero — ছবির উপর লেখা
Hero Banner-এ এখন আপনার লেখা সরাসরি ছবির উপর বসাতে পারবেন।
- থিম বিল্ডার খুলে Pages ট্যাবে Home নির্বাচন করুন, তারপর Hero Banner সেকশনে ক্লিক করুন।
- Layout-এর নিচে Poster — text over image বেছে নিন।
- প্রথম স্লাইডের ছবিটিই পুরো জায়গা জুড়ে ব্যাকড্রপ হয়ে যাবে — তার উপর থাকবে শিরোনাম, সাব-হেডলাইন ও বাটন।
চেহারাটা নিজের মতো সাজান:
- Text position — লেখার ব্লক বাঁয়ে, মাঝখানে বা ডানে বসান।
- Overlay strength (০–৯০%) — ছবি একটু অন্ধকার করে নিন, যাতে ব্যস্ত ছবির উপরেও হালকা রঙের লেখা সহজে পড়া যায়।
- Text color — ঐচ্ছিক; স্বয়ংক্রিয় রং ছবির সঙ্গে না মিললে নিজে ঠিক করে দিন।
ছবি না দিলে? সেকশনটি ভালো লাগার মতো একটি গাঢ় গ্রেডিয়েন্ট দেখায়, তাই প্রথম দিন থেকেই শিরোনাম ও বাটন সুন্দরভাবে বসে যায়।
পরামর্শ: একটি স্পষ্ট সাবজেক্ট আর ফাঁকা আকাশ বা দেয়ালওয়ালা ছবি সবচেয়ে ভালো কাজ করে — লেখা ছবির সঙ্গে লড়াই করলে overlay-এর মাত্রা একটু বাড়িয়ে দিন।
Heading scale
শিরোনাম আরও বড় ও দাপুটে করতে চান?
- Design ট্যাব খুলুন।
- Style-এর নিচে Heading scale খুঁজুন।
- Balanced (ডিফল্ট) অথবা Dramatic বেছে নিন।
Dramatic স্ক্রিনের সাথে সাথে বড় হয় এমন ফ্লুইড মাপ ব্যবহার করে — সেকশনের শিরোনাম, ক্যাটাগরি পেজের হেডার আর প্রোডাক্ট পেজের নাম সবগুলোতেই বড়, এডিটোরিয়াল লুক আসে। আর Balanced মানে আপনার স্টোর আজ যা দেখায় ঠিক তাই — তাই নিশ্চিন্তে চেষ্টা করতে পারেন, পছন্দ না হলে ফিরিয়ে আনুন।
পরামর্শ: শিরোনাম ছোট হলে Dramatic সবচেয়ে ভালো দেখায়। সেকশনের শিরোনাম বেশ লম্বা হলে প্রকাশের আগে মোবাইল প্রিভিউতে একবার দেখে নিন।
Animations
একটি টগলেই স্টোরে হালকা নড়াচড়া যোগ হয়:
- Design ট্যাব খুলুন।
- লেআউট অংশে Animations চালু করুন।
- Motion intensity বেছে নিন — Subtle অথবা Normal।
- সেভ ও প্রকাশ করুন।
চালু থাকলে ক্রেতা স্ক্রল করার সাথে সাথে প্রতিটি সেকশন নরমভাবে ফুটে ওঠে, আর প্রোডাক্ট কার্ডে আসে নরম ছায়া ও হোভারে হালকা উঠে আসার ভাব। এটি ডিফল্টে বন্ধ থাকে, আর যেসব ক্রেতার ডিভাইস reduced motion পছন্দ করে তাদের জন্য নিজে থেকেই বন্ধ হয়ে যায় — তারা নড়াচড়া ছাড়াই আপনার স্টোর দেখেন।
Subtle প্রতিটি রিভিল ছোট ও সংক্ষিপ্ত রাখে; Normal-এ একই এফেক্টগুলো একটু বেশি নড়ে। আপনি নিজে কোনো সেটিং না বদলানো পর্যন্ত আগের স্টোরে কিছুই বদলায় না।
সেকশন ধরে ধরে মোশন
প্রতিটি সেকশনের সেটিংসে এখন একটি Motion গ্রুপ আছে, তাই কোন ব্লক কীভাবে হাজির হবে তা আলাদাভাবে ঠিক করা যায়:
- Reveal — Use global setting (ডিফল্ট), Fade up, Fade, Slide from left, Slide from right, Zoom, অথবা ওই সেকশনটিকে স্থির রাখতে None।
- Stagger items — গ্রিড-ধরনের সেকশনে (প্রোডাক্ট গ্রিড, Banner Row, Trust Badges, Testimonials, Category Showcase) আইটেমগুলো একসাথে না এসে একটির পর একটি করে ফুটে ওঠে।
হিরোর মোশন
Hero Banner পায় নিজস্ব দুটি বাড়তি অপশন:
- Slow zoom on poster image — Poster লেআউটের ব্যাকগ্রাউন্ড ছবিতে ধীর, হালকা জুম (Ken Burns)।
- Slide transition (শুধু স্লাইডার হিরোতে) — Fade, Slide অথবা None, সাথে ট্রানজিশনের সময়কাল।
বিনা সেটিংসে পাওয়া ছোট ছোঁয়া
Animations চালু থাকলে কিছু খুঁটিনাটি নিজে থেকেই পালিশ হয়ে যায়, কোনো সেটিং লাগে না: লিংকযুক্ত ব্যানার হোভারে সামান্য জুম হয়, প্রোডাক্ট বর্ণনার ট্যাব ও অ্যাকর্ডিয়ন ফেড-ইন করে খোলে, হেডারের ক্যাটাগরি মেনু ফেড হয়ে খোলে, স্ক্রল করলে স্টিকি হেডারে ছায়া পড়ে, কার্টের সংখ্যা বদলালে ব্যাজটি একটু লাফিয়ে ওঠে, আর বাটনে চাপ দিলে তা হালকা নিচে নামে।
এর সবই ক্রেতার ফোন বা কম্পিউটারের “reduce motion” সেটিং মেনে চলে। মার্চেন্ট মোবাইল অ্যাপের থিম বিল্ডারেও একই Animations টগল ও Motion intensity অপশন আছে।
পরামর্শ: প্রিভিউতে দেখে মনে হলে এটি শান্ত লাগছে, তখনই রাখুন। নড়াচড়া ক্রেতার চোখ পণ্যের দিকে রাখবে, পণ্য থেকে সরিয়ে নয়।
আরও কাজ করা প্রোডাক্ট কার্ড
আপনার স্টোরের প্রতিটি প্রোডাক্ট কার্ডে এখন তিনটি শান্ত আপগ্রেড এসেছে:
- হোভারে দ্বিতীয় ছবি — প্রোডাক্টে দুই বা তার বেশি ছবি থাকলে ডেস্কটপের ক্রেতা কার্ডের উপর মাউস আনলেই পরের ছবিটি দেখতে পান।
- “Only N left” pill — স্টক ৫টি বা তার কমে নেমে এলে অ্যাম্বার রঙের একটি low-stock নোটিশ দেখা যায়। এর জন্য প্রোডাক্টে Track inventory চালু থাকতে হয়।
- Wishlist হার্ট — প্রতিটি কার্ডে হার্ট আইকন থেকে ক্রেতা পছন্দের পণ্য সেভ করতে পারেন; সেভগুলো থাকে তাদের অ্যাকাউন্টে, লগইন না থাকলে ব্রাউজারের local storage-এ।
পরামর্শ: বেশি বিক্রি হওয়া পণ্যগুলোতে দ্বিতীয় একটি ছবি দিন — পেছনের ভিউ বা ব্যবহারের ছবি — যাতে হোভারে ভালো কিছুই দেখা যায়।
এরপর
আরও সাহায্য দরকার?
আমাদের টিম আপনার পাশে আছে। যোগাযোগ করুন, আমরা সমাধান করে দেব।