# Sektionsübergänge

In den Erlebniswelten kannst du kreative Übergänge zwischen verschiedenen Sektionen mithilfe von SVG-Grafiken, sogenannten Shape Dividers, gestalten. Diese visuell ansprechenden Trenner-Grafiken fügen den Zwischenbereichen der Sektionen eine individuelle Note hinzu und schaffen fließende Übergänge, die das Gesamtbild der Erlebniswelt verbessern.

{% hint style="info" %}

### Was sind die Trenner-Grafiken / Shape Dividers?

Shape Dividers sind vektorisierte Grafiken (SVG), die als Übergänge zwischen zwei Sektionen verwendet werden können. Sie können in verschiedenen Formen, wie Wellen, Dreiecken, Zickzacklinien und mehr, eingesetzt werden. Da sie in SVG-Format vorliegen, sind sie skalierbar und passen sich ohne Qualitätsverlust an jede Bildschirmgröße an.
{% endhint %}

### So fügst du die Trenner-Grafiken den Sektionen hinzu

1. **Sektion auswählen:** \
   Wähle die Sektion aus, zu der du einen kreativen Übergang hinzufügen möchtest.
2. **Setze eine Hintergrundfarbe für die Sektion:**\
   Das ist Teil des Shopware Standards und hat nichts mit dem CMS Bundle zu tun. Die Trenner-Grafiken orientieren sich an der Hintergrundfarbe.
3. Wähle aus **über 100** Trenner-Grafiken aus:\
   In den erweiterten Sektionseinstellungen des CMS Bundles findest du die **Übergänge**. Hier kannst du jeweils für den Anfang- und für das Ende der Sektion entsprechende Grafiken setzen.

<figure><img src="/files/4cZSrIK4YpOrAuCFQ5cF" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/n8GNPFpPXwbeB7AxkbAO" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/sektionen-und-blocke/sektionen/sektionsubergange.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.