Menu, header আর footer
Customer আপনার shop-এ কীভাবে ঘুরে বেড়াবে। তিনটা অংশ একসাথে কাজ করে:
- Menu — link-এর list
- Header — প্রতিটি page-এর উপরের bar
- Footer — নিচের অংশ
Appearance-এ কোনো ঘরে না বসানো পর্যন্ত menu কিছুই করে না।
Menu তৈরি করা
Sidebar → Online Shop → Menu Builder।
দুইটা নিয়ম যা ঠিক করে menu দেখাবে কি না
নামটা গুরুত্বপূর্ণ। আপনার storefront নাম দিয়ে menu খোঁজে। এই পাঁচটার মধ্যে ঠিক একটাই ব্যবহার করুন: Main Menu, Navigation Menu, Footer Menu 1, Footer Menu 2, Footer Menu 3। “My links” নামের menu খুঁজে পাওয়া যাবে না।
শুধু Published menu দেখায়। Draft-এ রেখে দেওয়া menu যত সম্পূর্ণই হোক, storefront-এ অদৃশ্য।
Item যোগ করা
Add Item একটা dialog খোলে:
- Label — customer যে কথাটা দেখবে
- Type — Custom Link, Page, Category, Brand বা External Link
- Page, Category আর Brand-এর ক্ষেত্রে list থেকে বেছে নেন, তাই link ভাঙে না। বাকি দুইটায় ঠিকানা টাইপ করতে হয়
- Visible in menu — না মুছেই কোনো item লুকিয়ে রাখা
- Open in new tab — বাইরের link-এর জন্য যুক্তিসঙ্গত, নিজের page-এর জন্য নয়
Add all categories এক চাপে আপনার পুরো category-র গাছ বানিয়ে দেয়, sub-category গুলো submenu হিসেবে। বেশিরভাগ shop-এর জন্য কাজ করা menu পাওয়ার এটাই দ্রুততম উপায় — চাপুন, তারপর যেগুলো চান না মুছে দিন।
সাজানো
Item টেনে ক্রম বদলান। একটা item-কে আরেকটার উপরে ফেললে সেটা submenu-র item হয়ে যায়। Row-এর icon গুলো: sub-item যোগ, দেখানো/লুকানো, edit আর delete।
ডান পাশের Menu Preview ফলাফল দেখায়। Show Preview / Hide Preview ঠিক করে লুকানো item গুলোও সেখানে দেখাবে কি না।
শেষ হলে Save Menu চাপুন, আর status Published করে দিন।
Header আর footer
Sidebar → Online Shop → Headers (বা Footers)।
একাধিক রাখতে পারেন আর কোনটা default তা বেছে নিতে পারেন। Default-টা প্রতিটি page-এ খাটে, যদি না কোনো page তার নিজের page settings-এ আলাদা কিছু বেছে নেয়।
List-এ নাম, status আর শেষ কবে বদলেছে তা দেখায়। Default-টায় একটা তারা চিহ্ন থাকে।
⋯ menu-তে আছে Edit, Set as default, Remove default আর Delete।
Edit করা
Header বা footer save করলেই সাথে সাথে সেটা চালু হয়ে যায়। এখানে draft বলে কিছু নেই, autosave-ও নেই — page builder-এর মতো নয়। Save চাপার মুহূর্তেই customer পরিবর্তনটা দেখে। সাথে সাথেই storefront-এ গিয়ে দেখে নিন।
আপনার header পুরনো builder থেকে এসে থাকলে, save করলে editor-এ যা দেখাচ্ছে সেটাই পুরোটার জায়গা নেয়, আর মূলটা চলে যায়। একটা সতর্কতা banner আর একটা confirmation দুটোই এটা বলে। পড়ে নিন — পুরনো header-এ প্রায়ই এমন জিনিস থাকে যা editor দেখাতে পারে না।
Footer নিয়ে একটা ব্যতিক্রম
এই screen থেকে default footer বাতিল করা যায় না। Header-এ Remove default আছে; footer-এ নেই। কোন footer default হবে তা বদলাতে অন্য একটাতে Set as default চাপুন।
সাধারণ সমস্যা
“Menu storefront-এ আসছে না।” ক্রমে তিনটা জিনিস দেখুন: সেটা কি Published? নাম কি স্বীকৃত পাঁচটার মধ্যে ঠিক একটা? Appearance → Navigation menus-এ কোনো ঘরে বসানো আছে?
“Menu-র একটা item ভুল জায়গায় নিয়ে যায়।” Custom আর external link হাতে টাইপ করা হয় বলে ভুল হওয়া সহজ। যেখানে সম্ভব Page, Category বা Brand type ব্যবহার করুন — ওগুলো ভাঙে না।
“প্রস্তুত হওয়ার আগেই live site-এ header বদলে গেছে।” Header আর footer save করলেই সাথে সাথে চালু হয়। এখানে draft-এর কোনো ধাপ নেই।
“একটা page-এ আলাদা header দেখাচ্ছে।” ওই page-এর page settings-এ আলাদা করে বসানো আছে।