AVOLEEN-এর Product Publishing, Variant Images এবং Product Details Description ঠিক ও আপডেট করুন। সংযুক্ত ছবিগুলোকে reference হিসেবে ব্যবহার করুন।
**1. Product Publish সমস্যা ঠিক করুন**
বর্তমানে Product Publish হচ্ছে না। Add/Edit Product form থেকে database save এবং storefront visibility পর্যন্ত পুরো flow পরীক্ষা করে মূল সমস্যাটি ঠিক করুন।
- Publish button, form submission, required-field validation, staff permissions, image upload ও database errors পরীক্ষা করুন।
- Save Draft, Publish Product এবং Save Changes বাটন কার্যকর করুন।
- Database-এ সফলভাবে save হওয়ার পরই success message দেখাবে।
- Publish হলে product-এর status “Published” হবে এবং Shop, Category ও Search-এ দেখা যাবে।
- “View Product” link দিন, যাতে প্রকাশিত product সঙ্গে সঙ্গে দেখা যায়।
- কোনো field ভুল বা missing হলে সংশ্লিষ্ট field-এর পাশে কারণ দেখাবে; লেখা তথ্য হারাবে না।
- Edit করে save করার পর পুনরায় খুললে সব পরিবর্তন অক্ষত থাকবে।
- ব্যর্থ submission বা double click থেকে duplicate product তৈরি হবে না।
**2. প্রতিটি Variant-এর আলাদা Image/Gallery**
প্রতিটি color/size variant-এর সঙ্গে আলাদা image assign করার সুবিধা দিন।
উদাহরণ:
- White নির্বাচন করলে White product image দেখাবে।
- Black নির্বাচন করলে Black product image দেখাবে।
- একই color-এর size আলাদা হলেও প্রয়োজন অনুযায়ী একই images ব্যবহার করা যাবে।
Admin Panel-এ:
- প্রতিটি variant row/card-এ image thumbnail ও Upload/Choose Images option থাকবে।
- প্রতিটি variant-এর জন্য একটি main image এবং একাধিক gallery image রাখা যাবে।
- Image preview, replace, remove এবং reorder করা যাবে।
- Images সঠিক variant ID-এর সঙ্গে save হবে; row reorder করলে mapping নষ্ট হবে না।
- Color-level gallery reuse করা যাবে; নির্দিষ্ট combination-এর নিজস্ব gallery থাকলে সেটি অগ্রাধিকার পাবে।
Customer Product Page-এ:
- Color/variant বদলালে main image ও thumbnails সঙ্গে সঙ্গে সেই variant অনুযায়ী বদলাবে।
- Selected color name, size, price, discount ও stock একই selection অনুযায়ী আপডেট হবে।
- Variant-এর image না থাকলে নির্ধারিত fallback হিসেবে main product image দেখাবে; আগের নির্বাচিত অন্য color-এর ছবি আটকে থাকবে না।
- Unavailable combination disabled থাকবে।
- Cart, Checkout ও Order Details-এ নির্বাচিত variant-এর সঠিক thumbnail এবং Color/Size দেখাবে।
- Mobile-এ gallery swipe ও image zoom কাজ করবে।
**3. Product Page-এর নিচে Image + Text Description**
Amazon-এর বিস্তারিত product presentation-এর মতো product page-এর মূল gallery ও purchase section-এর নিচে বড় Product Details section দিন।
Admin থেকে content blocks যোগ করা যাবে:
- Heading
- Paragraph / formatted text
- Bullet-point features
- Full-width description image
- Image + text
- Specifications table
প্রতিটি block add, edit, delete এবং reorder করা যাবে। একই description-এ একাধিক image ও text block পর্যায়ক্রমে দেওয়া যাবে।
উদাহরণ:
Product Overview → Feature Image → Explanation → Material/Size Image → Specifications → Package Contents।
Display requirements:
- Description images product gallery থেকে আলাদা থাকবে।
- ছবি natural aspect ratio-তে দেখাবে; লেখা বা diagram crop করা যাবে না।
- Mobile-এ screen width অনুযায়ী resize হবে, horizontal overflow থাকবে না।
- Text readable থাকবে এবং description images lazy-load হবে।
- Image alt text দেওয়া যাবে।
- Empty section দেখাবে না।
- Rich text নিরাপদভাবে sanitize করতে হবে।
- বর্তমানে থাকা description ও images অক্ষত রেখে নতুন editor-এর সঙ্গে সামঞ্জস্য রাখুন।
- Preview দিয়ে publish করার আগে পুরো description দেখা যাবে।
**4. যাচাই**
নিচের flow সম্পূর্ণ পরীক্ষা করুন:
- নতুন simple product publish এবং storefront-এ দেখা
- নতুন variant product publish
- Published product edit ও save
- White/Black নির্বাচন করলে সঠিক gallery পরিবর্তন
- Save করে পুনরায় খুললে variant-image mapping অক্ষত থাকা
- নির্বাচিত variant-এর image Cart/Checkout-এ দেখা
- Image + text blocks সঠিক ক্রমে desktop ও mobile-এ দেখা
- Upload/validation failure হলে তথ্য অক্ষত থাকা
শুধু পরিবর্তিত ফাইলসহ UPDATE-ONLY patch দিন। সঙ্গে changed file paths, সমস্যার মূল কারণ, backup/update instructions, প্রয়োজনীয় non-destructive database migration, rollback steps ও test results দিন।
বর্তমান products, images, variants, users, orders এবং configuration অক্ষত রাখতে হবে। Website reinstall বা database reset করবেন না।
**1. Product Publish সমস্যা ঠিক করুন**
বর্তমানে Product Publish হচ্ছে না। Add/Edit Product form থেকে database save এবং storefront visibility পর্যন্ত পুরো flow পরীক্ষা করে মূল সমস্যাটি ঠিক করুন।
- Publish button, form submission, required-field validation, staff permissions, image upload ও database errors পরীক্ষা করুন।
- Save Draft, Publish Product এবং Save Changes বাটন কার্যকর করুন।
- Database-এ সফলভাবে save হওয়ার পরই success message দেখাবে।
- Publish হলে product-এর status “Published” হবে এবং Shop, Category ও Search-এ দেখা যাবে।
- “View Product” link দিন, যাতে প্রকাশিত product সঙ্গে সঙ্গে দেখা যায়।
- কোনো field ভুল বা missing হলে সংশ্লিষ্ট field-এর পাশে কারণ দেখাবে; লেখা তথ্য হারাবে না।
- Edit করে save করার পর পুনরায় খুললে সব পরিবর্তন অক্ষত থাকবে।
- ব্যর্থ submission বা double click থেকে duplicate product তৈরি হবে না।
**2. প্রতিটি Variant-এর আলাদা Image/Gallery**
প্রতিটি color/size variant-এর সঙ্গে আলাদা image assign করার সুবিধা দিন।
উদাহরণ:
- White নির্বাচন করলে White product image দেখাবে।
- Black নির্বাচন করলে Black product image দেখাবে।
- একই color-এর size আলাদা হলেও প্রয়োজন অনুযায়ী একই images ব্যবহার করা যাবে।
Admin Panel-এ:
- প্রতিটি variant row/card-এ image thumbnail ও Upload/Choose Images option থাকবে।
- প্রতিটি variant-এর জন্য একটি main image এবং একাধিক gallery image রাখা যাবে।
- Image preview, replace, remove এবং reorder করা যাবে।
- Images সঠিক variant ID-এর সঙ্গে save হবে; row reorder করলে mapping নষ্ট হবে না।
- Color-level gallery reuse করা যাবে; নির্দিষ্ট combination-এর নিজস্ব gallery থাকলে সেটি অগ্রাধিকার পাবে।
Customer Product Page-এ:
- Color/variant বদলালে main image ও thumbnails সঙ্গে সঙ্গে সেই variant অনুযায়ী বদলাবে।
- Selected color name, size, price, discount ও stock একই selection অনুযায়ী আপডেট হবে।
- Variant-এর image না থাকলে নির্ধারিত fallback হিসেবে main product image দেখাবে; আগের নির্বাচিত অন্য color-এর ছবি আটকে থাকবে না।
- Unavailable combination disabled থাকবে।
- Cart, Checkout ও Order Details-এ নির্বাচিত variant-এর সঠিক thumbnail এবং Color/Size দেখাবে।
- Mobile-এ gallery swipe ও image zoom কাজ করবে।
**3. Product Page-এর নিচে Image + Text Description**
Amazon-এর বিস্তারিত product presentation-এর মতো product page-এর মূল gallery ও purchase section-এর নিচে বড় Product Details section দিন।
Admin থেকে content blocks যোগ করা যাবে:
- Heading
- Paragraph / formatted text
- Bullet-point features
- Full-width description image
- Image + text
- Specifications table
প্রতিটি block add, edit, delete এবং reorder করা যাবে। একই description-এ একাধিক image ও text block পর্যায়ক্রমে দেওয়া যাবে।
উদাহরণ:
Product Overview → Feature Image → Explanation → Material/Size Image → Specifications → Package Contents।
Display requirements:
- Description images product gallery থেকে আলাদা থাকবে।
- ছবি natural aspect ratio-তে দেখাবে; লেখা বা diagram crop করা যাবে না।
- Mobile-এ screen width অনুযায়ী resize হবে, horizontal overflow থাকবে না।
- Text readable থাকবে এবং description images lazy-load হবে।
- Image alt text দেওয়া যাবে।
- Empty section দেখাবে না।
- Rich text নিরাপদভাবে sanitize করতে হবে।
- বর্তমানে থাকা description ও images অক্ষত রেখে নতুন editor-এর সঙ্গে সামঞ্জস্য রাখুন।
- Preview দিয়ে publish করার আগে পুরো description দেখা যাবে।
**4. যাচাই**
নিচের flow সম্পূর্ণ পরীক্ষা করুন:
- নতুন simple product publish এবং storefront-এ দেখা
- নতুন variant product publish
- Published product edit ও save
- White/Black নির্বাচন করলে সঠিক gallery পরিবর্তন
- Save করে পুনরায় খুললে variant-image mapping অক্ষত থাকা
- নির্বাচিত variant-এর image Cart/Checkout-এ দেখা
- Image + text blocks সঠিক ক্রমে desktop ও mobile-এ দেখা
- Upload/validation failure হলে তথ্য অক্ষত থাকা
শুধু পরিবর্তিত ফাইলসহ UPDATE-ONLY patch দিন। সঙ্গে changed file paths, সমস্যার মূল কারণ, backup/update instructions, প্রয়োজনীয় non-destructive database migration, rollback steps ও test results দিন।
বর্তমান products, images, variants, users, orders এবং configuration অক্ষত রাখতে হবে। Website reinstall বা database reset করবেন না।