Skip to Content
DocumentationStorefront DesignLayout Customization

Layout Customization

AiCart’s drag-and-drop editor allows you to structure your pages exactly how you want.

The Section Editor

Your storefront is built using Sections. Each page (Home, Product, etc.) is a stack of sections.

Adding Sections

  1. In the Editor, click ”+ Add Section” in the sidebar.
  2. Choose from a library of pre-built sections:
    • Hero Banner: Large image with text and CTA.
    • Featured Collection: A grid of products.
    • Testimonials: Customer reviews slider.
    • Newsletter: Email subscription form.
  3. The section will appear at the bottom of the page. You can drag to reorder it.

Configuring Sections

Click on any section to edit its content and specific settings.

  • Content: Change text, images, and links.
  • Layout: Adjust padding, width (full-width or container), and alignment.
  • Visibility: Hide sections on mobile or desktop if needed.

The Header and Footer are global sections that appear on every page.

  • Header: Configure your logo, navigation menu, and announcement bar.
  • Footer: Add quick links, social media icons, and copyright info.
Last updated on