হেডার ও ফুটার নির্মাতা
সাইট ক্রোম ব্লক থেকে তৈরি, যেমন পৃষ্ঠা তৈরি হয়, এবং বাস্তব এর বিরুদ্ধে প্রিভিউ করা হয় স্টোরফ্রন্ট উপাদান — তাই নির্মাতায় আপনি যা দেখছেন তা সত্যিই যা পাঠানো হয়।
এগুলো খুলুন কনটেন্ট → মেনু → হেডার নির্মাতা / ফুটার নির্মাতা থেকে।
এটি কিভাবে কাজ করে
প্রতিটি নির্মাতা তিনটি জিনিস দেখায়: বাম দিকে একটি ব্লক তালিকা, মাঝখানে একটি লাইভ প্রিভিউ, এবং নির্বাচিত ব্লকের সেটিংস নিচে। ব্লকগুলো টেনে নিয়ে পুনর্বিন্যাস করা যায়, তাদের সেটিংস হারানো ছাড়াই লুকানো যায়, এবং সম্পূর্ণরূপে মুছে ফেলা যায়।
প্রিভিউটি ডেস্কটপ, ট্যাবলেট এবং মোবাইল এ একটি বাস্তব iframe এর মধ্যে রেন্ডার হয়, তাই Tailwind ব্রেকপয়েন্টগুলো ঠিক যেমন লাইভ সাইটে কাজ করে — একটি সংকুচিত কন্টেইনার নয়।
পরিবর্তনগুলো লাইভ হয় শুধুমাত্র যখন আপনি Publish চাপেন, এবং প্রকাশ করা পরবর্তী পৃষ্ঠা লোডে দৃশ্যমান হয়।
হেডার ব্লকগুলো
| ব্লক | সেটিংস |
|---|---|
| ঘোষণা বার | বার্তা, ইউটিলিটি লিঙ্ক, সামাজিক লিঙ্ক, লেআউট (স্প্রেড / কেন্দ্রিত / বিভক্ত), স্টাইল (সলিড / শান্ত / আউটলাইন) |
| লোগো | অবস্থান এবং মোবাইল অবস্থান, প্রদর্শন মোড (ছবি + টেক্সট / ছবি / টেক্সট), প্রস্থ এবং মোবাইল প্রস্থ, রেটিনা, কাস্টম এবং ডার্ক-মোড লোগো URL |
| নেভিগেশন | কোন মেনু এটি চালিত করে, মোড (মেগা / ক্লাসিক ড্রপডাউন / সম্পাদকীয় কেন্দ্র / বিভক্ত / স্ক্রোল রেল / স্টিকি সংকুচিত), অভিমুখ, অ্যালাইনমেন্ট, হোভার বা ক্লিক করলে খোলা, মেগা কলাম, অবস্থান, স্টিকি স্কোপ, স্ক্রোল আচরণ, স্পেসিং, আইকন, মোবাইল লেআউট, ব্রেডক্রাম্বস |
| সার্চ | দৃশ্যমানতা (সর্বদা / ডেস্কটপ / মোবাইল / গোপন), অবস্থান, মোবাইল অবস্থান |
| অ্যাকাউন্ট, উইশলিস্ট ও কার্ট | অ্যাকশন আইকনগুলি দেখান বা লুকান |
স্টিকি আচরণ এবং স্ক্রোল গতিবিধি
দুটি আলাদা নিয়ন্ত্রণ, প্রায়ই বিভ্রান্ত:
- স্টিকি স্কোপ — কি আটকে থাকে: কিছুই, টপবার সারি মাত্র, মেনু সারি মাত্র, অথবা পুরো হেডার।
- স্ক্রোল করার সময় — কিভাবে এটি প্রতিক্রিয়া করে: যেমন আছে রাখুন, স্ক্রোল আপে লুকান এবং প্রকাশ করুন, অথবা সংকুচিত হয়ে ছোট করুন।
লোগো
প্রতিটি হেডারের জন্য একটি কাস্টম লোগো URL সেট করুন, এবং একটি আলাদা ডার্ক-মোড লোগো যা স্বয়ংক্রিয়ভাবে পরিবর্তিত হয়। থিম। সেগুলো খালি রাখুন যাতে সেটিংস থেকে ব্র্যান্ডিং লোগো ব্যবহার করা হয়। রেটিনা সার্ভিং ডিফল্টভাবে চালু থাকে এবং যখন একটি কাস্টম URL সেট করা হয় তখন এটি স্বয়ংক্রিয়ভাবে বাদ দেওয়া হয়, তাই একটি 1x/2x জোড় কখনোই মিসম্যাচ হতে পারে না।
ফুটার ব্লক
ব্র্যান্ড ও যোগাযোগ, মেনু কলাম, নিউজলেটার, আইনগত লাইন, টেক্সট, ছবি, বোতাম, সামাজিক লিঙ্ক এবং ডিভাইডার। প্রতিটি ব্লক মুছে ফেলা এবং পুনরায় যোগ করা যেতে পারে, তাই একটি ফুটার চার-কলামের মেগা ফুটার হতে পারে, একটি একক আইনগত লাইন, অথবা এর মধ্যে কিছু।
লেআউট নিয়ন্ত্রণ: গঠন (বিভক্ত / স্তূপিত / কেন্দ্রীভূত), কন্টেন্ট প্রস্থ (কন্টেন্ট এলাকা / প্রশস্ত / সম্পূর্ণ ব্লিড), প্যাডিং এবং সেকশন গ্যাপ।
মেনু কলামের শিরোনাম প্রতিটি মেনুর কনফিগার করা শিরোনাম থেকে আসে, এবং ব্লক অনুযায়ী ওভাররাইড করা যেতে পারে।
কন্টেন্ট প্রস্থ এবং অ্যালাইনমেন্ট
হেডার, ব্রেডক্রাম্বস, পৃষ্ঠা ক্যানভাস এবং ফুটার সব একই সংরক্ষিত ফ্রেম পড়ে — কন্টেন্ট এলাকা, প্রশস্ত, অথবা সম্পূর্ণ ব্লিড, প্লাস একটি ঐচ্ছিক সাইড মার্জিন। একবার হেডারে সেট করুন এবং প্রতিটি পাবলিক সারফেস এর সাথে সঙ্গতিপূর্ণ হবে।
পূর্বনির্মিত লেআউট
কোনও নির্মাতায় টেমপ্লেট চাপুন। আটটি হেডার লেআউট এবং আটটি ফুটার লেআউট সিস্টেম টেমপ্লেট হিসেবে আসে, যার মধ্যে স্টোর কনসোল ডেমো (চার-কলামের demo.storeconsole.com ফুটার, যা একটি নতুন ইনস্টলেশনে ডিফল্টও) এবং স্টোর কনসোল প্রোডাকশন (পাতলা ব্র্যান্ড + নিউজলেটার + ফাইন প্রিন্ট লুক)। একটি প্রয়োগ করলে এর ব্লকগুলি সক্রিয় লেআউটে কপি হয়; আপনি আপনার বর্তমান লেআউটটিকে একটি পুনঃব্যবহারযোগ্য টেমপ্লেট হিসেবে সংরক্ষণও করতে পারেন।