Add, arrange and edit sections and blocks

You build your pages by adding sections from a library and arranging them in the outline tree. Each section has settings you edit in the right panel.

বাংলায়: বাঁ দিকে সেকশন ট্রি তে সব সেকশন দেখা যায়। + Add section বাটনে নতুন সেকশন যোগ করুন। প্রতিটা সেকশন ড্র্যাগ করে সাজান বা মুছুন। ডান দিকের প্যানেলে রঙ, টেক্সট, পণ্য লিংক এবং অন্যান্য সেটিংস বদল করুন। সেকশন নাম বদলতে, লুকাতে বা কপি করতে রাইট-ক্লিক করুন।

Where to find it: Designer › Sections sidebar › the outline tree Who can do it: Anyone who can open the designer

Add a section

1. In the Sections sidebar on the left, click the + Add section button in the band where you want it (Header, the page, or Footer).
2. A picker opens with the available sections sorted by category. Type in Search sections if the list is long.
3. Click the section you want. It appears in the tree selected and expanded.

New sections land with default settings. You can change them in the right panel.

Sections you can add

The picker shows sections from the theme's library. Common ones include:

• Rich text — paragraphs, headings, links, images
• Image banner — full-width image with overlay text
• FAQ — questions and answers
• Video — embedded video
• Product grid — show multiple products
• Testimonials — customer quotes
• Newsletter signup — email capture

Sections you create yourself in Custom sections appear at the bottom under Custom.

Add a block inside a section

Some sections are containers that hold smaller pieces called blocks.

1. In the outline tree, expand the section by clicking its chevron.
2. Click + Add block inside the expanded section.
3. The picker shows blocks available for this container. Click the one you want.

For example, a Hero section might hold blocks for a headline, image, and button.

Arrange sections and blocks

Outline tree

The Sections sidebar shows your page as a tree:

• Header and Footer bands (always at the top and bottom)
• Home page or the page name (middle, expandable)

Click the chevron next to a section to expand it and see the blocks inside. Collapsed sections show a count "2/4" if near their block limit.

Reorder by dragging

In the outline tree, grab the row and drag it to a new position. The outline shows the new spot as you drag — an illegal drop target appears ringed in red with a reason tooltip. You can also:

• Drag a block into a different section
• Drag a block into a slot (a structural part of a section that accepts one block)
• Drag a block out of a section to the free area

Reorder with the menu

Right-click a row in the outline and choose Move up or Move down. You can move up the tree (to a parent) or down into children with keyboard arrows — see Shortcuts and limits in The store designer.

Nesting depth limit

Blocks can nest up to 8 levels deep. When a block is at the limit, adding a child shows "No more blocks fit here."

Edit settings in the right panel

When you click a section or block in the outline or preview, the right panel opens with its settings.

Header row:

• Icon and type name (e.g. "Rich text")
• Name field — click to rename it (up to 120 characters)
• Hide / Show eye icon
• Duplicate button
• Delete button (red, destructive)

Preset switcher (if the section has multiple presets):

• A dropdown showing "Custom" or the preset name
• Switching replaces all settings with the preset's; a dialog warns you first if the section has been edited

Settings groups (organized in fixed categories):

• Layout — width, alignment, visibility on devices
• Colour scheme — background and text colour
• Typography — fonts, sizes, weights
• Border & shadow — edges and depth
• Section padding — space around content
• Advanced — animations, custom CSS

Click a group name to expand or collapse it. A group shows a count pill if any field is changed from the theme default.

Field controls

Different field types have different controls:

Reset to default

A changed field shows a Reset to default button on hover (title "Reset to default"). Click it to revert that field to the theme's preset.

Link to products, pages and policies

Some sections have fields for linking to products, collections, pages or policies.

Click the field to open a picker dialog:

Resource picker (for products, collections, categories, tags, images):

• Search box to find the item
• Rows showing thumbnail, title and price
• Click to select one item or click Done for multiple items
• Empty state if your store has no items yet

Page selector (for linking to a page):

• Dropdown list of your custom pages
• Also shows Home, Collection, All products, Search

Link destination (for buttons and menu links):

• Select the kind: Product, Collection, Page, Home, All products, Search, Policy, or Web address
• Then enter the one input that kind needs
• You can link to Refund policy, Shipping policy, Privacy policy, or Terms of service
• For web addresses, use https:// — insecure http:// links are not allowed

Unresolved references

If a linked product, page or collection no longer exists, the field shows "This item no longer exists" in red. You can still change the link to something else.

Use section presets

A preset is a saved version of a section with all its settings already filled in.

1. In the right panel, find the Preset dropdown (shown only if the section has multiple presets).
2. Click the dropdown and choose a preset by name.
3. If the section has been edited, a dialog warns you: "Switching replaces its settings [and its blocks] with the preset's. You can undo it."
4. Click Switch to apply the preset in one undo step.

Unedited sections switch with no dialog.

Save as preset

When an AI proposal or manual edit creates a section you want to reuse:

1. Keep the change so it is no longer a proposal.
2. In the right panel, click Save as preset…
3. Enter a name for the preset (e.g. "Summer banner").
4. Click Save preset.

The preset appears in the section picker under this section type, marked Yours. It is stored on your store only, not shared across businesses.

Hide or delete a section

Right-click the section in the outline and choose Hide to make it invisible on the storefront without deleting it. Click Show to bring it back.

Choose Delete to remove it entirely. A deleted section is gone until you undo (Ctrl/Cmd+Z).

Structural slots

Some sections have required structural slots — named parts that must hold a specific block.

For example, a "Buying form" section might have a "Title" slot, "Price" slot, and "Buy buttons" slot. These appear as greyed rows in the outline with + Add or + Change buttons.

Click the Add or Change button to pick a block for that slot. You can replace it later with a different block.

Optional slots that are empty do not appear in the outline — the section handles them automatically.

Questions people ask

Can I reorder blocks from the preview?

Yes. Right-click a block in the preview to see Move up, Move down, Duplicate, Hide and Delete. You can also drag blocks in the outline tree.

What if I delete a block by mistake?

Press Undo (Ctrl/Cmd+Z) immediately to bring it back. Undo works up to 100 steps.

Can I move a block to a different section?

Yes. In the outline tree, drag the block to the new section. If the new section does not accept that block type, the target appears ringed in red with a reason.

Why is a button disabled?

Hover over the disabled button to see the reason. Usually it means the section does not allow that action (e.g. you cannot move up if the block is already first).

Other ways people ask this

• section add korbo kivabe
• block insert designer
• section delete korbo
• drag drop sections
• product link korbo section te
• page link korbo
• section duplicate
• section name change
• hide section
• section preset switch
• outline tree designer
• সেকশন যোগ করব
• block arrangement designer
• section picker khol
• undo section delete

Related pages

• The store designer — overview of the workspace and shortcuts
• Save, publish and restore versions — how to save your changes
• Theme settings: colours, type and layout — edit the theme itself, not just sections

Checked against the product on 2026-10-02.