SoftuneBD
Documentation/Storefront & Themes

Using the Theme Editor

Use SoftuneBD’s theme editor tools rail - Brand, Colors, Header, Pages, Sections - with live preview and device toggles.

2 min readUpdated Aug 20, 2026

SoftuneBD’s theme editor is a structured visual tool. Merchants work through a tools rail (Brand, Colors, Header, Pages, Sections) beside a live preview of the real storefront. SoftuneBD does not expose free-form custom CSS as the primary editing path.

Open the editor

  • 1. Open Menu → Themes
  • 2. Enter the theme editor for the active storefront
  • 3. Orient yourself: tools rail on one side, live preview on the other
  • 4. Use the device toggle (desktop / tablet / mobile) while you edit

Tools rail panels

Brand

Set store name, logo, tagline, and font pairing. SoftuneBD’s AI Suggest can propose a full brand direction you can accept or refine.

Colors

Adjust the palette SoftuneBD exposes for the theme. AI Suggest can propose color directions; always check contrast on buttons and text after applying.

Header

Configure nav layout, header links, and the announcement bar customers see at the top of the storefront.

Pages

Turn SoftuneBD storefront pages on or off. Home is always available; other pages follow what SoftuneBD exposes for the theme.

Sections

Manage homepage blocks: drag to reorder, use the numbered rail to jump to a section, and Add Section when you need a new block type SoftuneBD supports.

On smaller screens SoftuneBD’s editor supports Edit | Preview stacking so you can focus on one surface at a time.

Save vs Publish

  • Save keeps a local draft of your editor work
  • Publish pushes changes live
  • SoftuneBD notes that live updates can take 1–2 minutes to appear on the storefront after Publish

Was this article helpful?

Let us know so we can keep improving our docs.

Using the Theme Editor | SoftuneBD