কনটেন্ট ও লেআউট সেকশন
গ্যালারির Content ভাগে ষোলোটি সেকশন, আর Layout ভাগে একটি। এগুলোতে প্রোডাক্ট থাকে না — এগুলো হলো বাকি সবকিছুর চারপাশের কথা, আস্থা আর কাঠামো।
সবগুলোতেই layout, background ও দৃশ্যমানতার কন্ট্রোল একই।
Section Heading
A section title / heading line. পরের অংশের উপরে এক লাইন লেখা।
Heading text (দিতেই হবে), Text color, Alignment (Left, Center, Right)।
Rich Text
A block of formatted text / HTML content. একটি Content ঘর, সঙ্গে সাজানোর টুলবার — শিরোনাম, বোল্ড, ইটালিক, তালিকা, লিংক। About পেজ, দোকানের গল্প বা মাপের নির্দেশিকার জন্য এই সেকশন।
Button
A call-to-action button. Button text, Link আর Alignment। ডিফল্টে মাঝখানে।
Stylish Bullet List
A styled checklist / bullet list of selling points. একটি Items repeater; প্রতিটি আইটেম এক লাইন Text, সঙ্গে ঐচ্ছিক Custom icon। Columns তালিকাটি একাধিক কলামে ভাগ করে, আর Marker color টিকের রঙ ঠিক করে।
Feature Grid
Icon + title + text columns describing features or benefits. Icon, Title ও Description নিয়ে একটি Features repeater, সঙ্গে ঐচ্ছিক Section heading আর Columns (ডিফল্ট ৩)। অন্তত একটি feature লাগে।
Services
A row of service highlights (icon + title + text). Feature Grid-এর কাছাকাছি, সাধারণত শিপিং / ফেরত / সাপোর্টের সারিতে ব্যবহার হয়।
| কন্ট্রোল | মন্তব্য |
|---|---|
| Service items | Icon, Title, Description নিয়ে repeater |
| Item width | Equal columns সারি ভাগ করে নেয়; Fixed width (px) বা Percentage of row দিলে আইটেম নিজের মাপ রেখে পরের সারিতে নামে |
| Items per row (desktop) | Equal columns-এ কাজে লাগে। ডিফল্ট ৪ |
Stats / Counters
A row of big numbers with labels. Prefix, Value, Suffix ও Label
নিয়ে একটি Stats repeater — যেমন 10 k + “Happy customers”। Columns ও
Number color সারিটি সাজায়। অন্তত একটি stat লাগে।
Testimonials
Customer reviews as cards or a carousel. Quote, Name, Role / company, Avatar ও Rating (0–5) নিয়ে একটি Testimonials repeater, সঙ্গে ঐচ্ছিক Section heading। Carousel mode ডিফল্টে চালু; বন্ধ করলে স্থির গ্রিড হয় আর Columns (ডিফল্ট ৩) কাজে লাগে। অন্তত একটি testimonial লাগে।
FAQ Accordion
An expandable list of questions and answers. Question আর rich-text Answer নিয়ে একটি Questions repeater, উপরে ঐচ্ছিক Section heading। অন্তত একটি প্রশ্ন লাগে।
ডেলিভারিনির্ভর দোকানে এটি রাখা ভালো: “কবে পৌঁছাবে” প্রশ্নটি ইনবক্সে আসার আগেই উত্তর দিয়ে দেয়।
CTA Band
A full-width call-to-action strip: heading, supporting text and a button. Heading (দিতেই হবে), Subheading, Button text, Button link, Text color ও Alignment। ল্যান্ডিং পেজের শেষ ব্লক।
Announcement Bar
Slim full-width strip for a short promo or notice. পেজের একদম প্রথমে বসান, যাতে এটি সবার উপরে থাকে।
| কন্ট্রোল | মন্তব্য |
|---|---|
| Message | ডিফল্টে “Free delivery on orders over ৳2,000” |
| Link (optional) ও Link text | বারটি ক্লিকযোগ্য করে |
| Let shoppers close it | বন্ধ করার ✕ যোগ করে |
| Background color, Text color | ডিফল্টে সাদার উপর গাঢ় |
| Alignment, Height | Compact, Normal বা Tall |
| Stick to top when scrolling | পেজ নামলেও বার উপরে থেকে যায় |
এটি ইচ্ছে করেই এক পাশ থেকে আরেক পাশ পর্যন্ত, প্রস্থ বা padding-এর কন্ট্রোল ছাড়া — বাক্সে আটকানো announcement bar আর নোটিশের মতো লাগে না।
হেডার বিল্ডারেও একটি announcement bar আছে। বার্তাটি সব পেজের জন্য হলে হেডারেরটি নিন; এক পেজের জন্য হলে এই সেকশন।
Popup
A modal popup shown over the page (clickable image + link). যেকোনো পেজে যোগ করুন; তালিকায় কোথায় রাখলেন তাতে কিছু আসে-যায় না।
| কন্ট্রোল | মন্তব্য |
|---|---|
| Popup image | দিতেই হবে |
| Image link | ক্লিক করলে কোথায় যাবে |
| Show after (ms) | ১০০০ মানে পেজ আসার এক সেকেন্ড পরে |
| Show close button | ডিফল্টে চালু |
| Show frequency | Once per session, Once per day, Every page visit |
| Max width (px), Popup background color | বাক্সটি নিজে |
| Overlay color, Overlay opacity (%) | পেছনের ঝাপসা পেজ |
Every page visit মানুষকে বিরক্ত করে। সেশনে একবার বা দিনে একবারই ভালো।
Countdown
A countdown timer banner. End date/time (ISO) ঘরে মান দিতে হয় এই ছাঁদে
2026-12-31T23:59 — বছর, মাস, দিন, তারপর T, তারপর ২৪ ঘণ্টার সময়। Show
timer বন্ধ করলে ব্যানার থাকে, ঘড়ির সংখ্যা থাকে না।
ঘড়ি শেষ হলে বিক্রি বন্ধ হয় না; এটি কেবল দেখানোর জিনিস। দাম ফেরাতে ডিসকাউন্টের সময়সূচি ব্যবহার করুন।
Blog Posts
Latest blog posts from your store. Section title, Number of posts (ডিফল্ট ৬) আর Pagination — Numbered pages, Load more button বা None। লেখাগুলো নিজে লেখা হয় Content-এ।
Custom HTML
A fully custom section written in HTML + CSS. বেরিয়ে যাওয়ার পথ — অন্য কোনো সেকশন যা পারে না। ল্যান্ডিং পেজেরও মূল উপকরণ এটাই।
| কন্ট্রোল | মন্তব্য |
|---|---|
| HTML | মার্কআপ, সম্পাদনা হয় কোড বাক্সে — Code বা Visual মোডে |
| CSS | কেবল এই সেকশনের স্টাইল |
| Section name | Sections তালিকার জন্য নাম, যাতে অনেকগুলো ব্লকের পেজ পড়া যায় |
| Use Tailwind classes | মার্কআপে Tailwind ক্লাস থাকলে চালু করুন |
দিতেই হবে: HTML ছাড়া ব্লক সেভ হয় না।
CSS ক্লাসে নিজের একটি উপসর্গ দিন (.hero নয়, .lp-hero), যাতে এক পেজের দুই
কাস্টম সেকশন একে অন্যের সঙ্গে না লাগে।
HTML Content Slider
A carousel where each slide is a fully custom HTML + CSS block. একটি Slides repeater, প্রতিটি স্লাইডের নিজের HTML ও CSS, সঙ্গে Autoplay, Autoplay delay (ms), Show dots ও Show arrows। অন্তত একটি স্লাইড লাগে।
Spacing
Vertical whitespace between sections. একমাত্র Layout সেকশন। Padding top (px) আর Padding bottom (px), দুটোই ডিফল্টে ৩২, সঙ্গে ঐচ্ছিক Background color।
দুই সেকশন খুব কাছাকাছি হলে এটি দিন। পেজের কনটেন্ট নিচে নামাতে সারি সারি খালি Spacing দেবেন না — সেকশনের নিজের padding বাড়ান।
কোনটি কখন
| আপনি চান | নিন |
|---|---|
| ব্লকের উপরে শিরোনাম | Section Heading |
| সাজানো অনুচ্ছেদ | Rich Text |
| বোতামের মতো দেখতে একটি লিংক | Button |
| আইকনসহ সুবিধার তালিকা | Feature Grid / Services / Stylish Bullet List |
| মানুষের আস্থা | Testimonials / Stats / Counters |
| সাপোর্টের বার্তা কমাতে | FAQ Accordion |
| শেষে একটি আহ্বান | CTA Band |
| দোকানজুড়ে নোটিশ | Announcement Bar |
| তাড়া তৈরি করতে | Countdown |
| অন্য কিছুতে যা হয় না | Custom HTML |