অ্যানিমেশন ট্যাব আপনার স্টোরে নড়াচড়া যোগ করে: ক্রেতা স্ক্রল করলে সেকশনগুলো অ্যানিমেশনসহ আসে, আর মাউস রাখলে ছবি জুম হয়।
কোথায় পাবেন
বিল্ডার খুলুন, গিয়ার আইকনে ক্লিক করুন এবং অ্যানিমেশন ট্যাব খুলুন। অংশটির নাম সাধারণ অ্যানিমেশন।
স্ক্রলে দেখানো
স্ক্রলে দেখানো সেকশনগুলো স্ক্রিনে আসার সময় অ্যানিমেট করে। প্রতিটি সেকশন প্রতিবার পেজে আসার সময় একবার অ্যানিমেশন চালায়। অপশনগুলো:
- কিছু না: কোনো অ্যানিমেশন নেই। সেকশনগুলো সোজা দেখায়।
- ফেড: কনটেন্ট ধীরে ধীরে ফুটে ওঠে।
- নিচ থেকে স্লাইড (ডিফল্ট): ফুটে ওঠার সময় কনটেন্ট একটু উপরে সরে আসে।
- ভেতরে স্লাইড: ফুটে ওঠার সময় কনটেন্ট পাশ থেকে ভেতরে আসে।
- জুম: কনটেন্ট একটু বড় হয়ে নিজের জায়গায় বসে।
সেকশনের ব্যাকগ্রাউন্ড সঙ্গে সঙ্গে দেখায় এবং শুধু কনটেন্ট নড়ে, তাই পেজে কখনো খালি ফাঁক দেখা যায় না।
কোন অংশগুলো অ্যানিমেট হয়
- হেডার ও অ্যানাউন্সমেন্ট বার কখনো অ্যানিমেট হয় না। পেজ খোলার সঙ্গে সঙ্গেই এগুলো স্ক্রিনে থাকে।
- প্রোডাক্ট গ্রিড, কালেকশন গ্রিড, রিভিউ ও FAQ-তে পুরো সেকশনের বদলে প্রতিটি কার্ড বা আইটেম আলাদাভাবে, একটির পর একটি অ্যানিমেট হয়। ক্যারোসেল লেআউটে পুরো সেকশন একসাথে অ্যানিমেট হয়।
- ওয়েভ সেকশন ফেড রাখে কিন্তু স্লাইড করে না, যাতে ঢেউটি নিচের সেকশনের সাথে জোড়া থাকে।
কোনটি বেছে নেবেন
নিচ থেকে স্লাইড বেশিরভাগ স্টোরের সাথে মানায়। ফেড সবচেয়ে কোমল। জুম ও ভেতরে স্লাইড বেশি মনোযোগ টানে, তাই শান্ত ডিজাইনের চেয়ে মজাদার বা সাহসী ডিজাইনে বেশি মানায়।
ছবির জুম ইফেক্ট
মাউস রাখলে ছবি একটু জুম হতে ছবির জুম ইফেক্ট চালু করুন। এটি প্রোডাক্ট কার্ড, কালেকশন কার্ড, প্রোডাক্ট পেজের প্রোডাক্ট ছবি এবং রিভিউর ছবিতে কাজ করে। এটি মাউসে সাড়া দেয়, তাই ফোনের ক্রেতারা সাধারণত এটি দেখেন না।
সাধারণ কাজ
- স্টোরকে আরও শান্ত লাগাতে: স্ক্রলে দেখানো ফেড বা কিছু না করুন।
- সব নড়াচড়া বন্ধ করতে: স্ক্রলে দেখানো কিছু না করুন এবং ছবির জুম ইফেক্ট বন্ধ করুন।
- প্রোডাক্টের ছবিকে ইন্টারঅ্যাক্টিভ লাগাতে: ছবির জুম ইফেক্ট চালু করুন।
সমস্যা সমাধান
- বিল্ডারে অ্যানিমেশন দেখছি না। অপেক্ষা ছাড়াই এডিট করতে পারার জন্য বিল্ডারের ভেতরে স্ক্রলে দেখানো বন্ধ থাকে। প্রকাশ করে আপনার লাইভ স্টোর খুললে দেখতে পাবেন।
- কিছু ভিজিটর কখনো অ্যানিমেশন দেখেন না। কোনো ভিজিটর তার ডিভাইসে নড়াচড়া কমানোর সেটিং চালু রাখলে স্টোর প্রতিটি সেকশন অ্যানিমেশন ছাড়াই জায়গামতো দেখায়। আরাম ও অ্যাক্সেসিবিলিটির জন্য এটি ইচ্ছাকৃত।
- জুম কাজ করছে না। দেখে নিন আপনি মাউসসহ কম্পিউটারে আছেন, এবং ছবিটি উপরের তালিকার কোনো ধরনের।
জেনে রাখুন
অ্যানিমেশন সেটিংস যে মার্কেট এডিট করছেন সেই মার্কেটের এবং তার সব পেজে প্রযোজ্য। প্রকাশ করুন-এ ক্লিক করলে পরিবর্তনগুলো লাইভ হয়। মত বদলালে বিল্ডারে পরিবর্তনটি আনডু করুন। দেখুন শর্টকাট, আনডু ও রিডু।