Theme Customization

Build a storefront that reflects your unique brand identity.

Using the Theme Editor

The Joomni Theme Editor is a visual, drag-and-drop tool that lets you modify your store's look and feel without writing a single line of code.

  1. Go to Design > Themes.
  2. Click Customize on your active theme.
  3. The editor will open with a live preview on the right and settings on the left.

Global Settings

Start by defining your brand's core elements:

  • Colors: Set your Primary (buttons, links) and Background colors.
  • Typography: Choose fonts for Headings and Body text.
  • Layout: Define the width of your container and spacing.

Section Management

Your pages are built using Sections. A section is a block of content, like a "Hero Banner" or "Featured Products".

  • Add Section: Click the "+" button in the sidebar to add a new block.
  • Reorder: Drag and drop sections to change their position on the page.
  • Edit: Click on any section to change its images, text, and settings.

AI Feature: Template Builder
Beta

Don't want to design from scratch? Just describe your vision to our AI.
Example: "Create a modern, minimalist homepage for a coffee shop with a dark theme."
The AI will generate a complete layout with placeholder images and copy in seconds.

Ask AI