WhatsApp
+48608012047
Kowal Mega Menu — automatyczne megamenu dla Magento 2
25,00 € 25,00 €
Admin-Panel und Berechtigungen
Sie öffnen das Modul über kowal.store → Modules → Hyva Colors. Die Konfiguration erfolgt in seinen drei Ansichten und nicht in einem separaten Bereich Stores → Configuration.
Der Administrator vergibt Berechtigungen unter System → Permissions → User Roles. Weisen Sie den Rollen die passenden übergeordneten Kowal-Menüressourcen und Hyva Colors-Ressourcen zu:
| Ressource | Verwendung |
|---|---|
| View colors and history | Anzeigen von Sets und Verlauf |
| Edit presets | Erstellen, Speichern, Klonen, Löschen eigener Sets und Zurücksetzen von System-Sets |
| Add custom elements | Hinzufügen von Elementen zum Katalog |
| Import and export presets | Übertragen von Sets per JSON |
| Publish and restore colors | Veröffentlichung, Zurücksetzen des Erscheinungsbilds, Wiederherstellen und erneutes Ausführen von Veröffentlichungen |
Ein Import, der neue Katalogdefinitionen enthält, erfordert zusätzlich die Berechtigung zum Hinzufügen von Elementen. Nach einer Rollenänderung kann eine erneute Anmeldung des Benutzers erforderlich sein.
Shop-Umfang
Bei der Veröffentlichung wählen Sie einen aktiven Store View. Das Modul prüft das zugewiesene Theme: Das aktuelle Profil unterstützt genau Hyva/default mit Default Theme 1.5.2–1.5.x. Weisen Sie kein anderes Theme nur zu, um die Validierung zu umgehen — Child-Themes benötigen eine separate Vorbereitung der Mappings.
Ein Set ist ein wiederverwendbarer Entwurf. Sie können es separat für mehrere Views veröffentlichen. In dieser Version gibt es keine vererbte Konfiguration auf Ebene default/website/store.
System- und eigene Sets
Die fertigen Definitionen umfassen sieben Paletten und ein leeres natives Set. Ihre gespeicherten Kopien sind unter „Meine Sets“ verfügbar. Am einfachsten erstellen Sie eigene Sets auf deren Grundlage — so bleiben die Originale als Referenz erhalten.
| Set | Charakter |
|---|---|
| Blau, Grün, Violett, Orange, Graphit | Führender Akzent und passende Farben der unterstützten Elemente |
| Schwarz | Dunkler Header, weißer Inhalt und heller Warenkorb-Zähler; die übrigen Flächen bleiben hell |
| Hell / Weiß | Native Hintergründe, ausgeblendete unterstützte Rahmen und graue Rahmen bei Hover |
| Nativ — ohne Überschreibung | Kein Farb-CSS des Moduls; das Erscheinungsbild ergibt sich aus dem aktiven Theme |
Farbeditor
Der Editor unterteilt den Katalog in Abschnitte: Global, Header, Buttons, Product cards sowie Catalog and product page. Die Namen können auf Englisch bleiben. Der Startkatalog enthält 34 Elemente und 99 Mappings. Ein einzelnes Element kann separate Einträge für Hintergrund, Text, Rahmen und Interaktionszustände haben.
Verfügbare Möglichkeiten zum Festlegen von Werten:
| Modus im Admin-Panel | Wirkung |
|---|---|
| Eigene Farbe | Explizite Farbe, z. B. #171717, #ffffff, #11223380 |
| Farbe aus Palette | Verweis auf ein Token, z. B. brand |
| Nativer Stil | Entfernen der Überschreibung der jeweiligen Eigenschaft; es gilt der Theme-Stil |
| Ohne Überschreibung | Kein Wert auf dieser Ebene; in einem einzelnen Entwurf bleibt der Theme-Stil erhalten |
native fügt kein CSS inherit ein. Der Wert transparent ist eine explizite transparente Farbe und keine Rückkehr zum Theme. Sie können auch currentColor verwenden. Beliebige CSS-Funktionen wie rgb() oder var() werden in Farbfeldern nicht akzeptiert.
Speichern Sie den Entwurf, bevor Sie den Abschnitt oder die Editorseite wechseln. Das Speichern veröffentlicht keine Änderungen.
Gemeinsame Farben: Tokens
In „Palette — erweiterte Einstellungen (JSON)“ werden benannte Farben gespeichert. Beispiel eines Fragments:
{ 'brand': {'mode': 'color', 'value': '#1d4ed8'}, 'on-brand': {'mode': 'color', 'value': '#ffffff'}}Wählen Sie in der Elementzeile „Farbe aus Palette“ und geben Sie brand ein. Eine Änderung des Tokens aktualisiert bei der nächsten Veröffentlichung alle Werte, die darauf verweisen. Wenn Sie ein fertiges Set bearbeiten, behalten Sie die übrigen vorhandenen Tokens bei — das Ersetzen des gesamten JSON durch das obige Fragment kann ungelöste Verweise hinterlassen. Zyklen und fehlende Tokens werden abgelehnt.
Hinzufügen von Elementen und Abschnitten
Dies erfordert keine Änderung der Moduldateien, setzt aber voraus, dass der richtige CSS-Selektor ermittelt wird. Das Modul verfügt nicht über einen visuellen Element-Inspector.
- Öffnen Sie den Editor eines beliebigen Sets.
- Klappen Sie „Eigenes Element hinzufügen — erweiterter Modus“ auf.
- Geben Sie einen Namen ein, z. B. „Aktionsbanner“.
- Wählen Sie einen bestehenden Abschnittsnamen aus oder geben Sie einen neuen ein, z. B. „Aktionen“.
- Geben Sie einen stabilen Selektor ein, z. B.
#promo-banner, der im Shop existiert. - Wählen Sie Eigenschaften aus, z. B.
background-color,color,border-color. - Wählen Sie Zustände aus, z. B.
normalundhover, und fügen Sie anschließend das Element hinzu. - Öffnen Sie den entsprechenden Abschnitt, weisen Sie Farben zu, speichern und veröffentlichen Sie das Set.
Die Definition gelangt in den gemeinsamen Katalog; allein ihr Hinzufügen legt nicht die Farben in allen Sets fest. Der Selektor sollte möglichst präzise sein. In dieser Version werden Selektorlisten, :has() und beliebige CSS-Deklarationen nicht unterstützt. Das Hinzufügen eines Elements erstellt dessen HTML im Shop nicht. Eine Bearbeitung bestehender Selektoren im Admin-Panel und eine Archivierung von Elementen gibt es noch nicht.
Infrastrukturkonfiguration
Die Veröffentlichung hängt von Cron, beschreibbaren Medien und Cache ab. Das CSS-Stylesheet wird vor der Aktivierung generiert und anschließend statisch ausgeliefert. Das Modul fügt dem normalen Storefront kein farbbezogenes JavaScript hinzu. Das bedeutet keine Garantie für ein konkretes Performance-Ergebnis — Messungen sollten im Zielshop durchgeführt werden.
Bei Varnish prüfen Sie den Zugriff auf die Purge-Server. Bei CDN und mehreren Knoten prüfen Sie die HTML-Propagierung sowie die Verfügbarkeit der Stylesheets. Deployment-Details enthält die Installationsanleitung.