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