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

# Container Plus (DEPRECATED)

# Allgemeine Beschreibung

Der "Container Plus (DEPRECATED)" ist ein grundlegendes Strukturelement für deinen Onlineshop. Er dient als "Hülle" (Container), in die du weitere Portlets wie Texte, Bilder oder Buttons einfügen kannst, um sie gemeinsam zu gruppieren und mit einem einheitlichen Hintergrund oder Layout zu versehen.

> [!CAUTION]
>
> Bitte beachte, dass dieses Portlet als "DEPRECATED" (veraltet) markiert ist. Das bedeutet, dass es in zukünftigen Versionen möglicherweise nicht mehr unterstützt wird. Es wird empfohlen, für neue Layouts aktuelle, alternative Portlets (wie z. B. moderne Grid- oder Container-Elemente) zu nutzen.

# Einsatzmöglichkeiten (Inspiration)

* **Strukturierte Inhaltsbereiche:** Gruppiere zusammengehörige Elemente wie ein Bild und den dazugehörigen Text in einer gemeinsamen Box.
* **Vollflächige Hintergründe:** Nutze den Container, um farbige Balken, Hintergrundbilder oder Videos über die gesamte Bildschirmbreite laufen zu lassen, während der Inhalt darin zentriert bleibt.
* **Gleichmäßige Boxen:** Erstelle Layouts, bei denen sich Container die verfügbare Höhe teilen und optisch einheitlich abschließen.

# Featureübersicht:

* **Flexible Layouts:** Wähle zwischen zentrierten (Boxed) oder bildschirmfüllenden Containern.
* **Vielseitige Hintergründe:** Hinterlege statische Bilder, beeindruckende Parallax-Effekte oder sogar Hintergrundvideos.
* **Abstandskontrolle:** Definiere präzise, ob der Container innere Abstände haben soll oder ob die Inhalte nahtlos an den Rand abschließen.

***

# Settings:

## Allgemein

In diesem Reiter nimmst du die grundlegenden strukturellen Einstellungen für deinen Container vor.

![Image](https://mintcdn.com/dzm/M2x4BUQ6u-A35WZC/images/image-219.png?fit=max\&auto=format\&n=M2x4BUQ6u-A35WZC\&q=85\&s=7142ca906e9a086156fbd55e847825c3)

***

**boxedContainer:** Aktiviere dieses Häkchen, wenn der Inhalt innerhalb des Containers auf eine maximale Breite (die Standardbreite deines Shop-Layouts) begrenzt und zentriert werden soll. Wenn du es deaktivierst, können sich die Inhalte über die gesamte Bildschirmbreite erstrecken.

**Standard-Container verwenden:** Wenn gesetzt, greift das Portlet auf die Standard-Abstände und Strukturvorgaben zurück, die in deinem Shop-Theme für Container fest definiert sind.

**Abstandsloser Container:** Setze hier einen Haken, um alle inneren Abstände (Paddings) des Containers zu entfernen. Deine eingefügten Elemente stoßen dann direkt und bündig an den äußeren Rand des Containers.

**Höhe vom Elternelement erben:** Aktiviere diese Option, wenn der Container sich automatisch in der Höhe anpassen soll, um exakt so hoch zu sein wie das ihn umgebende Element (das "Elternelement"). Das ist besonders praktisch bei mehrspaltigen Layouts, um optisch gleich hohe Boxen zu erzielen.

**Hintergrund:** Bestimme hier die Art des Hintergrunds für deinen Container, indem du eine der folgenden Optionen auswählst:

* **image:** Ermöglicht dir das Hochladen eines normalen statischen Hintergrundbildes.
* **imageParallax:** Erzeugt einen beeindruckenden Tiefen-Effekt, bei dem sich das Hintergrundbild beim Scrollen langsamer bewegt als der restliche Seiteninhalt.
* **backgroundVideo:** Lässt dich ein Video als dynamischen Hintergrund für den Container einbinden.
* **noBackground:** Der Container erhält keinen eigenen Hintergrund und bleibt transparent (der Hintergrund deiner Website scheint durch).

***

***


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.