Content and layout sections
Sixteen sections in the gallery’s Content group, plus one in Layout. They carry no products — they are the words, the trust-building and the structure around everything else.
All of them share the layout, background and visibility controls.
Section Heading
A section title / heading line. One line of text above whatever comes next.
Heading text (required), Text color, Alignment (Left, Center, Right).
Rich Text
A block of formatted text / HTML content. A single Content box with the formatting toolbar — headings, bold, italic, lists, links. This is the section for an About page, a story block, a size guide.
Button
A call-to-action button. Button text, Link and Alignment. Centred by default.
Stylish Bullet List
A styled checklist / bullet list of selling points. An Items repeater; each item is a line of Text with an optional Custom icon. Columns splits the list into more than one column, and Marker color sets the tick colour.
Feature Grid
Icon + title + text columns describing features or benefits. A Features repeater of Icon, Title and Description, with an optional Section heading and a Columns count (3 by default). Needs at least one feature.
Services
A row of service highlights (icon + title + text). Similar to Feature Grid, and usually used for the shipping / returns / support strip.
| Control | Notes |
|---|---|
| Service items | A repeater of Icon, Title, Description |
| Item width | Equal columns shares the row; Fixed width (px) or Percentage of row let items keep their size and wrap |
| Items per row (desktop) | Used by Equal columns. 4 by default |
Stats / Counters
A row of big numbers with labels. A Stats repeater of Prefix,
Value, Suffix and Label — for example 10 k + “Happy
customers”. Columns and Number color style the row. Needs at least one
stat.
Testimonials
Customer reviews as cards or a carousel. A Testimonials repeater of Quote, Name, Role / company, Avatar and Rating (0–5), plus an optional Section heading. Carousel mode is on by default; turn it off for a fixed grid and set Columns (3 by default). Needs at least one testimonial.
FAQ Accordion
An expandable list of questions and answers. A Questions repeater of Question and a rich-text Answer, under an optional Section heading. Needs at least one question.
Worth having on a delivery-heavy store: it answers “when will it arrive” before the message reaches your inbox.
CTA Band
A full-width call-to-action strip: heading, supporting text and a button. Heading (required), Subheading, Button text, Button link, Text color and Alignment. The closing block of a landing page.
Announcement Bar
Slim full-width strip for a short promo or notice. Drop it first on the page so it sits at the very top.
| Control | Notes |
|---|---|
| Message | “Free delivery on orders over ৳2,000” by default |
| Link (optional) and Link text | Makes the bar clickable |
| Let shoppers close it | Adds a dismiss ✕ |
| Background color, Text color | Dark on white by default |
| Alignment, Height | Compact, Normal or Tall |
| Stick to top when scrolling | The bar follows the page down |
It is deliberately edge-to-edge, with no width or padding controls — a boxed announcement bar stops reading as one.
There is also an announcement bar built into the header builder. Use the header one when the message belongs on every page; use this section when it belongs on one page.
Popup
A modal popup shown over the page (clickable image + link). Add it to any page; where in the list you put it makes no difference.
| Control | Notes |
|---|---|
| Popup image | Required |
| Image link | Where clicking it goes |
| Show after (ms) | 1000 = one second after the page loads |
| Show close button | On by default |
| Show frequency | Once per session, Once per day, Every page visit |
| Max width (px), Popup background color | The box itself |
| Overlay color, Overlay opacity (%) | The dimmed page behind it |
Every page visit annoys people. Prefer once per session or per day.
Countdown
A countdown timer banner. End date/time (ISO) takes a value in the shape
2026-12-31T23:59 — year, month, day, then T, then the 24-hour time. Show
timer hides the digits while keeping the banner.
Nothing stops selling when the clock runs out; the timer is a display. Set your prices back with a discount schedule.
Blog Posts
Latest blog posts from your store. Section title, Number of posts (6 by default) and Pagination — Numbered pages, Load more button or None. The posts themselves are written in Content.
Custom HTML
A fully custom section written in HTML + CSS. The escape hatch — anything the other sections cannot express. It is also the building block of landing pages.
| Control | Notes |
|---|---|
| HTML | The markup, edited in the code dialog — Code or Visual mode |
| CSS | Styles, scoped to this section |
| Section name | A label for the Sections list, so a page of them stays readable |
| Use Tailwind classes | Turn on if your markup uses Tailwind utility classes |
Required: a block with no HTML will not save.
Give your CSS classes a prefix of your own (.lp-hero, not .hero) so two
custom sections on one page cannot fight.
HTML Content Slider
A carousel where each slide is a fully custom HTML + CSS block. A Slides repeater, each slide with its own HTML and CSS, plus Autoplay, Autoplay delay (ms), Show dots and Show arrows. Needs at least one slide.
Spacing
Vertical whitespace between sections. The only Layout section. Padding top (px) and Padding bottom (px), both 32 by default, and an optional Background color.
Use it when two sections sit too close. Do not use a row of empty spacers to push content down a page — set the padding on the section itself.
Choosing between them
| You want | Use |
|---|---|
| A title above a block | Section Heading |
| Paragraphs, formatted | Rich Text |
| One link that looks like a button | Button |
| Benefits with icons | Feature Grid / Services / Stylish Bullet List |
| Social proof | Testimonials / Stats / Counters |
| To cut support messages | FAQ Accordion |
| A closing ask | CTA Band |
| A store-wide notice | Announcement Bar |
| Urgency | Countdown |
| A design nothing else covers | Custom HTML |