PageBuilderBanner — Page Builder Banner¶
Extension for Magento 2¶
Bedienungsanleitung¶
CopeX GmbH
Web: https://copex.io
Email: office@copex.io
Inhaltsverzeichnis¶
| Abschnitt | Seite |
|---|---|
| 1 Voraussetzungen | 2 |
| 2 Konfiguration | 2 |
| 3 Verwendung | 2 |
| 3.1 Banner-Element im Page Builder anlegen | 2 |
| 3.2 Appearance und Hintergrund konfigurieren | 3 |
| 3.3 Inhalt konfigurieren | 3 |
| 3.4 Erweiterte CSS-Einstellungen | 4 |
1 Voraussetzungen¶
- Magento 2.3 oder höher (kompatibel mit 2.4)
- PHP 8.1 oder höher
- Magento Page Builder aktiviert
- Hyvä Theme oder Luma Theme
2 Konfiguration¶
Dieses Modul hat keine Konfiguration im Backend. Nach der Installation steht das Banner-Element im Page Builder sofort zur Verfügung.
3 Verwendung¶
3.1 Banner-Element im Page Builder anlegen¶
Nach der Installation des Moduls steht im Magento Page Builder ein erweitertes Banner-Inhaltselement zur Verfügung. Es kann in statischen Seiten, CMS-Blöcken und überall dort verwendet werden, wo der Page Builder verfügbar ist.
Banner-Element hinzufügen:
- Öffnen Sie eine CMS-Seite oder einen CMS-Block im Backend unter Inhalt > Seiten oder Inhalt > Blöcke.
- Klicken Sie auf Bearbeiten und dann auf den Page Builder Editor.
- Ziehen Sie im linken Bereich unter Medien das Element Banner auf die gewünschte Stelle im Layout.
- Das Banner erscheint im Editor als Platzhalter-Banner.
3.2 Appearance und Hintergrund konfigurieren¶
Nach dem Hinzufügen können Sie das Banner über den Einstellungs-Dialog konfigurieren:
Tab: Erscheinungsbild
| Einstellung | Beschreibung |
|---|---|
| Erscheinungsbild | Platzierung des Banners auf der Seite (Poster/Collage Centerd/Collage Left/Collage Right) |
| Mindesthöhe | Minimale Höhe des Banners (z.B. 300px oder 50vh) |
Tab: Hintergrund
| Einstellung | Beschreibung |
|---|---|
| Hintergrundfarbe | Hintergrundfarbe des Banners (CSS-Farbwert) |
| Hintergrundtyp | Farbe oder Bild |
| Hintergrundbild | Desktop-Hintergrundbild hochladen |
| Mobiles Hintergrundbild | Separates Bild für mobile Ansicht hochladen |
| Hintergrundgröße | CSS background-size-Wert (cover, contain, auto) |
| Hintergrundposition | CSS background-position-Wert |
| Hintergrund befestigen | CSS background-attachment-Wert (scroll oder fixed) |
| Hintergrund wiederholen | CSS background-repeat-Wert |
3.3 Inhalt konfigurieren¶
Tab: Inhalt
| Einstellung | Beschreibung |
|---|---|
| Nachrichtentext | Text oder HTML, der über dem Banner-Hintergrund angezeigt wird |
| Link | URL, zu der das Banner verlinkt |
| Schaltfläche anzeigen | Button im Banner einblenden (Ja / Nein) |
| Schaltflächen-Text | Text für den Banner-Button |
| Schaltflächen-Typ | Stil des Buttons (Primär/Sekundär/Link) |
| Overlay anzeigen | Halbtransparente Überlagerung anzeigen (Ja / Nein) |
| Overlay-Farbe | Farbe der Überlagerung |
Tab: Suchmaschinenoptimierung
| Einstellung | Beschreibung |
|---|---|
| Alternativer Text | Alt-Text für das Hintergrundbild |
| Titel-Attribut | HTML-Title-Attribut des Banners |
3.4 Erweiterte CSS-Einstellungen¶
Tab: Erweitert
| Einstellung | Beschreibung |
|---|---|
| Ausrichtung | Horizontale Ausrichtung des Bannerinhalts |
| Rahmen | Rahmen-Stil (keiner, durchgehend, gestrichelt, etc.) |
| Rahmenfarbe | CSS-Farbe des Rahmens |
| Rahmenbreite | Rahmenbreite in Pixeln |
| Rahmenradius | Ecken-Abrundung in Pixeln |
| CSS-Klassen | Benutzerdefinierte CSS-Klassen |
| Rand | Außenabstand (Margin) in Pixeln |
| Innenabstand | Innenabstand (Padding) in Pixeln |
Lizenz¶
Proprietär — CopeX GmbH. Eine Lizenz pro produktiver Magento-Instanz. Test- und Entwicklungsumgebungen benötigen keine zusätzliche Lizenz.