> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dc.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# Banner

> Embed rotating advertising banners as a slideshow with multiple slides, arrow navigation, and configurable display duration.

The content type **Banner** is a slideshow made up of several banner slides that rotate automatically. For each slide you maintain an image, text, and link. The banner settings let you control size, transition effect, and navigation.

## Selecting the content type

In the editor of a page, shopping world, or building block, click **+ New**, then in the **Content** tab click **Banner**. The **"New Banner"** dialog opens.

## Fields

### General

| Field                     | Meaning                                           |
| ------------------------- | ------------------------------------------------- |
| **Description**           | Internal name of the banner (max. 255 characters) |
| **Type**                  | Banner type (default: Standard)                   |
| **Show in all languages** | Makes the banner available across all languages   |

### Settings

| Field                       | Meaning                                                       |
| --------------------------- | ------------------------------------------------------------- |
| **Width (px)**              | Banner width in pixels (default: 1920)                        |
| **Height (px)**             | Banner height in pixels (default: 800)                        |
| **Arrows**                  | Navigation arrows for manual switching (default: Show)        |
| **Text position**           | Position of the text over the banner (default: Bottom right)  |
| **Display duration (sec.)** | How long each slide is displayed (default: 4)                 |
| **Effect duration (ms)**    | Duration of the transition effect between slides (default: 1) |

### Publishing

| Field           | Meaning                                                                |
| --------------- | ---------------------------------------------------------------------- |
| **Layout area** | Area of the page layout in which the banner appears (default: Content) |
| **Active**      | Makes the banner visible                                               |

## Maintaining banner slides

The individual banner slides only become accessible after the first **Save**. Afterwards, open the banner via **Edit**. Above the General block, the **Rows** section appears with the following toolbar:

| Action                      | Effect                         |
| --------------------------- | ------------------------------ |
| **+ New**                   | Add a new banner slide         |
| **Edit**                    | Adjust an existing slide       |
| **Delete**                  | Remove a slide                 |
| **Move up** / **Move down** | Change the order of the slides |

<Tip>
  The order of the rows determines the order in which the slides rotate.
</Tip>

### Fields of a slide

Clicking **+ New** opens the **"New Banner Image"** dialog with the following sections:

**General**

| Field           | Meaning                                                                                         |
| --------------- | ----------------------------------------------------------------------------------------------- |
| **Description** | Internal name of the slide (max. 255 characters)                                                |
| **Link**        | Target URL that the slide links to                                                              |
| **File**        | Select the banner image (opens the [File Manager](/docs/en/dynamic-content/user-guide/dateien)) |
| **Button text** | Optional button text over the image (max. 255 characters)                                       |

**Content**

| Field             | Meaning                                                     |
| ----------------- | ----------------------------------------------------------- |
| **Image heading** | Heading over the image (rich text editor with dc Copilot)   |
| **Image text**    | Body text over the image (rich text editor with dc Copilot) |

**Publishing**

Activation and visibility of the individual slide.

## Tips

<Tip>
  For a **hero banner at the very top** of a landing page: choose a high resolution (e.g. 1920 × 800), show arrows, and set the display duration to 4-6 seconds for readable texts.
</Tip>

<Tip>
  If you only need **one slide** (no rotating banner), a banner content item with just a single row is sufficient.
</Tip>

## Related topics

<CardGroup cols={2}>
  <Card title="Images" icon="image" href="/docs/en/dynamic-content/user-guide/inhaltsarten/bilder">
    Individual images without slideshow behavior.
  </Card>

  <Card title="Content types" icon="shapes" href="/docs/en/dynamic-content/user-guide/inhaltsarten">
    All available content types.
  </Card>
</CardGroup>