# Add product detail panes

> The titled info blocks — specs, care, delivery — shown on a product's storefront detail page.

Source: CBX documentation, version 4.0 preview (unreleased). Canonical page: https://docs.configbox.at/docs/4.0-preview/admin-guide/products/product-detail-panes. Last updated 2026-08-01.

---
> **Audience:** store admins · **Scope:** the Product Detail Panes of one product · **Last reviewed:** 2026-07-23

**What this does** — Detail panes are the titled information blocks shown on a product's
storefront **detail page** — specifications, care instructions, delivery terms, anything a
buyer wants to read before configuring. Each pane is a heading plus rich-text content; a product
can have several.

## Before you start

- Have the [product](https://docs.configbox.at/docs/4.0-preview/admin-guide/products/add-a-product) created.
- Write the copy for each pane, in every active language.

## Steps

1. Open **Products → Product Detail Panes** in the CBX menu. The list has **Add**,
   **Remove** and **Copy**, a product filter and a **Filter by Heading** box, and shows each
   pane's ID, ordering handle and **Heading**:

   ![The Product Detail Panes list](img/detail-panes-list.jpeg)

2. Pick the product from the filter dropdown (so a new pane attaches to it), then click **Add** —
   or open an existing pane's heading to edit it.
3. Fill the **Product Detail Pane** form:

   ![The detail-pane edit form](img/detail-pane-edit.jpeg)

   - **Heading** — per language, required; the pane's title on the storefront.
   - **Heading Icon** — optional; **Upload a file** for a small decorative symbol beside the
     heading.
   - **CSS Classes** — optional styling hooks for a web developer; leave blank otherwise.
   - **Content** — the body, per language, in a full HTML editor (headings, lists, links, tables).
4. **Save**, and drag the rows in the list into the order the panes should appear on the page.

## What happens next

The panes render on the product's detail page, below the product image and configure/buy
buttons — here, a "Care & Materials" pane on the Shirt Configurator:

![A detail pane on the storefront](img/storefront-detail-panes.jpeg)

## Good to know

- Panes belong to **one product**. Use **Copy** to reuse a pane's structure on another product,
  then repoint and re-edit it — the copies are independent.
- Content is translatable: each active language gets its own tab in the **Content** editor, so
  the pane reads correctly in every storefront language.
- Panes are informational only — they don't affect price or configuration. For choices that
  change the product, use [pages and questions](https://docs.configbox.at/docs/4.0-preview/admin-guide/products/add-pages-and-questions) instead.
