# Hero-Sektion

Die Theme-Erweiterung Hero-Sektion kannst du über die Theme-Konfiguration konfigurieren. Die "Hero-Sektion" kann auf CMS-Listingseiten und/oder -Shopseiten angezeigt werden.

<figure><img src="/files/waKy4Waxo6jtFCcqJllK" alt=""><figcaption><p>ThemeWare® "Hero-Sektion"</p></figcaption></figure>

Die Anzeige kannst du zudem über ein entsprechendes Zusatzfeld für jede Kategorie individuell einstellen, wenn du magst.

Auf Wunsch kannst du sogar die Breadcrumb in die "Hero-Sektion" integrieren.

Die dargestellten Texte und Bilder stammen aus der Kategorie-Verwaltung ("Kataloge" => "Kategorien") von Shopware. Angezeigt werden der "**Name**" und das "**Bild**" (= Anzeigebild) der entsprechenden Kategorien. Als Alternative zum ursprünglichen Kategoriebild kannst du auch ein individuelles Bild über ein entsprechendes Zusatzfeld nutzen.

Doch fangen wir mit der Theme-Konfiguration an.

***

## Konfiguration

### **Theme-Konfiguration**

1. Wechsel in den Tab "**Erweiterungen**"
2. Öffne den Bereich "**Hero-Sektion**"
3. Aktiviere die Konfiguration "**Hero-Sektion anzeigen**"
4. Konfiguriere die "Hero-Sektion" nun nach belieben
   * Du kannst beispielsweise die Breadcrumb integrieren.
5. Speicher deine Änderungen nach der Bearbeitung

### **Inhalt**

1. Wechsel über die Hauptnavigation in die "**Kategorie-Verwaltung**" (1) (2) deines Shops ("Kataloge" => "Kategorien")
2. Wähle die gewünschte Kategorie aus (3)
3. Rechts neben der Kategorie-Liste öffnet sich nun die entsprechende Kategorie im Kategorie-Editor (4)
4. Du befindest dich im Tab "**Allgemein**"
5. Im Bereich "**Allgemein**" kannst du den Kategorie-Namen (**Name**) bearbeiten
6. Scrolle zum Bereich "**Menü-Einstellungen**"
7. Hier kannst du das Kategorie-Bild (**Anzeigebild**) bearbeiten
8. Speicher deine Änderungen

<figure><img src="/files/JtJRY43vKaOakn5bybvH" alt=""><figcaption><p>Shopware 6 "Kategorie-Verwaltung"</p></figcaption></figure>

***

## Anzeigeoptionen

Hier hast du für Listingseiten und Shopseiten jeweils die folgende Optionen:

* nicht anzeigen
* anzeigen
* anzeigen (per Zusatzfeld)

#### nicht anzeigen

Dies ist die Standard-Einstellung. In diesem Fall wird die "Hero-Sektion" auf dem entsprechenden Seitentyp nicht angezeigt.

#### anzeigen

Wählst du die Option `anzeigen`, wird die "Hero-Sektion" auf allen Seiten des entsprechenden Seitentyps angezeigt.

{% hint style="success" %}
**Tipp**: Über das Zusatzfeld kannst du die Anzeige dennoch in jeder beliebigen Kategorie unterbinden und so ausgewählte Kategorien individuell gestalten.
{% endhint %}

#### anzeigen (per Zusatzfeld)

Wählst du `anzeigen (per Zusatzfeld)` wird die "Hero-Sektion" auf dem entsprechenden Seitentyp nur angezeigt, wenn du das Zusatzfeld in der entsprechenden Kategorie auf `ja` konfiguriert hast.

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

{% hint style="info" %}
**Hinweis**: Dieser Artikel ist in Arbeit.
{% endhint %}

## Basiskonfiguration

#### Nächstes Element hochziehen

...

## Content-Konfiguration

#### Textfarbe

...

#### Textausrichtung

...

#### Breite des Containers

...

#### Breite des Inhalts

...

#### Abstand oben (≥576px)

...

#### Abstand oben (≥992px)

...

## Overlay-Konfiguration

#### Hintergrundfarbe

...

#### Deckkraft

...

## Hintergrundkonfiguration

#### Fixierung

...

#### Parallax-Effekt

...

## Breadcrumb-Konfiguration

#### Breadcrumb anzeigen

...

#### Position

...

***

## Zusatzfelder

Wie du sicherlich bereits weißt, ist die Theme-Konfiguration stets global, das heißt sie gilt Shopübergreifend für alle Seiten. Dies gilt auch für die Konfiguration der "Hero-Sektion". Du kannst du Theme-Konfiguration allerdings mit eine Auswahl an Zusatzfelder in beliebigen Kategorien "überschreiben" und beispielsweise eine andere Farbe für die "Hero-Sektion" in einer beliebigen Kategorie nutzen.

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

Mehr Informationen zu den Zusatzfeldern findest du in folgendem Artikel:

{% content-ref url="/pages/puckbLkL75hLWItDk6Rt" %}
[Hero-Sektion](/zusatzfunktionen/zusatzfelder/kategorien/hero-sektion.md)
{% endcontent-ref %}


---

# 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://doku.themeware.design/zusatzfunktionen/erweiterungen/hero-sektion.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.