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