Kowal Custom Header Links für Magento 2
- SKU
- M2-TOP-LINKS
Beschreibung / Kowal Custom Header Links für Magento 2
MAGENTO 2 · HEADER · LINKS · STORE VIEW
Ändern Sie Header-Links direkt im Magento-Admin-Panel.
Kowal Custom Header Links
Leiten Sie Kunden zu Angeboten, Versandinformationen, Kontaktmöglichkeiten und wichtigen Shopbereichen. Verwalten Sie Reihenfolge, Icons und grundlegende Darstellung der Links, ohne bei jeder Inhaltsänderung den Code bearbeiten zu müssen.
Linkliste · Icons und HTML-Attribute · CMS-Fallback
SO FUNKTIONIERT ES IN DER PRAXIS
01 · Elemente zur Leiste hinzufügen
Geben Sie Text, URL und optional ein Icon ein.
02 · Navigation strukturieren
Legen Sie Reihenfolge, Attribute und Darstellung fest.
03 · Für die Store View veröffentlichen
Überprüfen Sie den Header und aktualisieren Sie den erforderlichen Cache.
Welche Vorteile bietet das Ihrem Shop?
Entdecken Sie die Funktionen, Einsatzmöglichkeiten und Einstellungen des Moduls.
Das Modul im Überblick
Kowal Custom Header Links ist ein Magento-2-Modul zur Verwaltung zusätzlicher Links in der oberen Shop-Leiste, ohne dass bei jeder Inhaltsänderung in den Code eingegriffen werden muss. Die Lösung bietet Administratoren über das Admin-Panel vollständige Kontrolle über die Anordnung der Links. Dadurch kann der Header-Bereich schneller an die Anforderungen von Vertrieb, Kampagnen und Kundenkommunikation angepasst werden.
Das Modul wurde für Shops entwickelt, die eine flexible und wiederholbare Möglichkeit zur Veröffentlichung von Links benötigen, beispielsweise für Angebote, Markenwelten, Treueprogramme, Versandinformationen, Kundenkonto, Kontakt, Landingpages oder saisonale Mitteilungen.
Die wichtigsten Vorteile
- Dynamische Verwaltung der Linkliste in der Magento-Konfiguration.
- Individuelle Festlegung der Anzeigereihenfolge für jedes Element.
- Unterstützung für Linktext, URL, CSS-Klasse sowie die Attribute
titleundrel. - Möglichkeit, links neben dem Link ein Icon hinzuzufügen.
- Konfiguration der Darstellung über Schriftgröße und Schriftfarbe.
- Fallback auf den Legacy-Modus mit einem einzelnen CMS Block für individuelle Implementierungen.
- Mehr Eigenständigkeit für das E-Commerce-Team, ohne Entwickler für einfache Änderungen am Header einbinden zu müssen.
Geschäftliche Einsatzmöglichkeiten
- Hervorhebung aktueller Angebote und Sonderaktionen.
- Einrichtung schneller Wege zu den wichtigsten Shopbereichen.
- Hervorhebung von Links zu Partnerprogrammen, Outlet oder Neuheiten.
- Veröffentlichung von Schnellzugriffen auf Kundenservice, FAQ, Versand und Rücksendungen.
- Einheitliche Kommunikation über mehrere Store Views hinweg bei separater Konfiguration.
Warum dieses Modul?
Der Standard-Header in Magento erfordert häufig zusätzliche Frontend-Anpassungen oder die Verwendung statischer CMS Blocks. Dieses Modul vereinfacht diesen Bereich und macht ihn zu einer konfigurierbaren Admin-Komponente. Dadurch lassen sich Änderungen schneller, mit geringerem Risiko und einfacher wartbar umsetzen.
Zielgruppe
Das Modul eignet sich besonders für:
- Shops, die ihr Aktions- und Saisongeschäft ausbauen,
- Marketingteams, die die Sichtbarkeit von Links häufig ändern,
- Magento-Implementierungen, die einen einfachen Fallback auf die bisherige Rendering-Methode benötigen,
- Projekte, bei denen der Header eine wichtige Rolle für Navigation und Kommunikation spielt.
Konfiguration und Linkfelder
Stores → Configuration → kowal → Custom Header Links bietet eine Liste der Elemente und Darstellungseinstellungen für Default, Website und Store View. Jede Zeile definiert Reihenfolge, Anchor, Link, CSS Class, Title, Rel und Icon.
Bei einer leeren URL wird anstelle eines Links Text angezeigt. Die gemeinsame Schriftgröße akzeptiert CSS-Werte, die Farbe wird als HEX-Wert festgelegt. Icons werden unter pub/media/customheaderlinks/icons gespeichert.
Priorität der Liste und Anpassung des Headers
Im aktuellen Code hat eine gültige dynamische Liste Vorrang. Der Legacy CMS Block dient als Fallback, wenn die Liste keine anzuzeigenden Elemente enthält. Die bloße Auswahl eines Blocks ersetzt keine nicht leere Liste.
Das Layout platziert die Komponente in header.panel. Das Theme muss diesen Bereich rendern, andernfalls muss die Position angepasst werden. Überprüfen Sie den Header nach Änderungen auf Desktop und Smartphone und aktualisieren Sie den Konfigurations- und Seiten-Cache.
Installation über Composer
Paket kowal/module-customheaderlinks, Modul Kowal_CustomHeaderLinks. Nachdem Sie den Zugriff auf das Kowal-Repository konfiguriert haben, installieren Sie das Paket, aktivieren Sie das Modul, aktualisieren Sie Magento und leeren Sie den Cache. Berücksichtigen Sie in der Produktionsumgebung die Kompilierung und Bereitstellung statischer Inhalte entsprechend den Prozessen Ihres Shops.
Von der Konfiguration zum Ergebnis
1. Elemente zur Leiste hinzufügen
Geben Sie Text, URL und optional ein Icon ein.
2. Navigation strukturieren
Legen Sie Reihenfolge, Attribute und Darstellung fest.
3. Für die Store View veröffentlichen
Überprüfen Sie den Header und aktualisieren Sie den erforderlichen Cache.
Schnellzugriffe für saisonale Kampagnen
Fügen Sie Links zu Angeboten und Versandinformationen hinzu, legen Sie deren Reihenfolge fest und weisen Sie ihnen Icons zu. In einer anderen Store View können Sie lokale Inhalte und Adressen hinterlegen.
Nach Abschluss der Kampagne ändern Sie die Liste in der Konfiguration. Ein Element ohne URL kann als kurze Textmitteilung dienen.
Strukturieren Sie die Schnellzugriffe im Header Ihres Shops
Möchten Sie das Modul an Ihren Shop anpassen? Fragen Sie nach der Implementierung von Kowal Custom Header Links und besprechen Sie die Konfiguration oder benötigte Erweiterungen.
Weitere Informationen
| Übereinstimmung mit der Vorlage | Luma / Leer, KOWAL |
|---|
Installationsanleitung für das Modul
Installation und Konfiguration
Voraussetzungen
- Magento 2
- aktives Modul
Kowal_Base - Zugriff auf das Magento-Admin-Panel
Installation über Composer
Composer-Lizenz:
- Benutzername:
- Token:
- Fügen Sie das Paket-Repository hinzu, falls es noch nicht konfiguriert ist:
Die Zugangsdaten für das Composer-Repository, also die E-Mail-Adresse des Kunden und das Lizenz-Token, erhalten Sie nach dem Kauf per E-Mail. Sie sind nach der Anmeldung auf kowal.store ebenfalls im Kundenbereich verfügbar. Ersetzen Sie TWOJ_EMAIL_KLIENTA durch die E-Mail-Adresse Ihres Kontos und TWOJ_TOKEN durch das erhaltene Token. Führen Sie die Befehle im Magento-Stammverzeichnis aus.
composer config repositories.kowal composer https://repo.kowal.store- Konfigurieren Sie die Zugangsdaten für das Repository:
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'- Installieren Sie das Modul:
composer require kowal/module-customheaderlinks- Aktivieren Sie das Modul:
php bin/magento module:enable Kowal_CustomHeaderLinks- Führen Sie das Upgrade aus und aktualisieren Sie den Cache:
php bin/magento setup:upgradephp bin/magento cache:flushSpeicherort der Konfiguration
Nach der Installation ist die Modulkonfiguration im Admin-Panel verfügbar:
Stores > Configuration > kowal > Custom Header Links
Konfiguration der dynamischen Linkliste
Der Abschnitt Linki enthält ein dynamisches Formular, in dem jede Zeile einem im Header angezeigten Element entspricht.
Verfügbare Felder pro Zeile
Kolejność– Zahl zur Steuerung der Position des Elements.Anchor– für Benutzer sichtbarer Text.Link– URL; wenn das Feld leer ist, wird das Element als Text gerendert.CSS Class– zusätzliche Klassen zum Stylen des Elements.Title– Wert des Attributstitle.Rel– Mehrfachauswahl für das Attributrel, z. B.nofollow,noopener,noreferrer.Ikona– Upload einer Bilddatei, die links neben dem Link angezeigt wird.
Konfiguration der Darstellung
Der Abschnitt Wygląd enthält gemeinsame Einstellungen für die gesamte Liste:
Wielkość czcionki– unterstützt werden numerische Werte oder CSS-Einheiten, z. B.14,14px,0.875rem,90%.Kolor czcionki– Textfeld mit Farbauswahl im HEX-Format.
Legacy-Modus
Das Feld Legacy CMS Block ermöglicht es, in Shops mit einer individuellen Implementierung die bisherige Rendering-Methode beizubehalten.
Funktionsweise:
- Wenn
Legacy CMS Blockfestgelegt ist, rendert das Frontend den ausgewählten CMS Block, - wenn
Legacy CMS Blockleer ist, verwendet das Frontend die neue dynamische Linkliste.
Diese Lösung ermöglicht die Umstellung des Moduls auf einen Fallback, ohne vorhandene Inhalte in das neue Format migrieren zu müssen.
Hinweise zur Implementierung
- Icons werden im Verzeichnis
pub/media/customheaderlinks/iconsgespeichert. - Die Konfiguration funktioniert in den Scopes
default,websiteundstore view. - Nach Änderungen an der Konfiguration empfiehlt es sich, den Cache zu aktualisieren, wenn der Shop ein aggressives Caching der Frontend-Ebene verwendet.
Empfohlener Einführungsprozess
- Konfigurieren Sie die dynamische Linkliste in einer Testumgebung.
- Überprüfen Sie Reihenfolge, Styling und Verhalten der Links auf Desktop- und Mobilgeräten.
- Wenn der Shop über eine ältere individuelle Header-Integration verfügt, verwenden Sie
Legacy CMS Blockals Übergangs- oder dauerhafte Lösung.