Kowal Custom Header Links per Magento 2
- Compatibilità
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3, 2.4.2, 2.4.1, 2.4.0
Descrizione / Kowal Custom Header Links per Magento 2
MAGENTO 2 · HEADER · LINK · STORE VIEW
Modifica i link nell'header dal pannello Magento.
Kowal Custom Header Links
Guida i clienti verso promozioni, consegna, contatti e sezioni importanti del negozio. Gestisci ordine, icone e aspetto di base dei link senza modificare il codice a ogni cambiamento dei testi.
Elenco di link · Icone e attributi HTML · Fallback CMS
COME FUNZIONA IN PRATICA
01 · Aggiungi gli elementi della barra
Inserisci testo, URL e un'icona facoltativa.
02 · Organizzi la navigazione
Imposti ordine, attributi e aspetto.
03 · Pubblichi per la vista negozio
Controlli l'header e aggiorni la cache necessaria.
Cosa ottiene il tuo negozio?
Scopri le funzioni, l'utilizzo e le impostazioni del modulo.
Scopri il modulo
Kowal Custom Header Links è un modulo Magento 2 per gestire link aggiuntivi nella barra superiore del negozio senza dover intervenire sul codice a ogni modifica dei contenuti. La soluzione offre all amministratore il pieno controllo sul layout dei link dal pannello, consentendo alla sezione header di rispondere più rapidamente alle esigenze di vendita, alle campagne e alla comunicazione con il cliente.
Il modulo è stato progettato per i negozi che necessitano di un modo flessibile e ripetibile per pubblicare link come: promozioni, aree brand, programmi fedeltà, informazioni sulla consegna, account cliente, contatti, landing pages o comunicazioni stagionali.
Vantaggi principali
- Gestione dinamica dell elenco dei link nella configurazione di Magento.
- Possibilità di impostare l ordine di visualizzazione di ogni elemento.
- Supporto per testo del link, URL, classe CSS, attributo
titleerel. - Possibilità di aggiungere un icona sul lato sinistro del link.
- Configurazione dell aspetto tramite dimensione e colore del font.
- Fallback alla modalità legacy basata su un singolo CMS Block per implementazioni personalizzate.
- Maggiore autonomia del team e-commerce senza coinvolgere uno sviluppatore per semplici modifiche nell header.
Applicazioni business
- Mettere in evidenza promozioni attuali e iniziative speciali.
- Creare percorsi rapidi verso le sezioni più importanti del negozio.
- Dare risalto ai link verso programmi partner, outlet o novità.
- Pubblicare collegamenti rapidi a servizio clienti, FAQ, consegne e resi.
- Uniformare la comunicazione in più store view mantenendo una configurazione separata.
Perché scegliere questo modulo
L header standard in Magento richiede spesso modifiche frontend aggiuntive o l uso di blocchi CMS statici. Questo modulo semplifica quest area, trasformandola in un componente amministrativo configurabile. In questo modo le modifiche sono più rapide, meno rischiose e più facili da mantenere.
Destinatari
Il modulo è una buona scelta per:
- negozi che sviluppano vendite promozionali e stagionali,
- team marketing che modificano spesso la visibilità dei link,
- implementazioni Magento che richiedono un semplice fallback al precedente metodo di rendering,
- progetti in cui l header svolge un ruolo importante nella navigazione e nella comunicazione.
Configurazione e campi del link
Stores → Configuration → kowal → Custom Header Links offre elenco degli elementi e impostazioni di aspetto per Default, Website e Store View. La riga definisce ordine, Anchor, Link, CSS Class, Title, Rel e icona.
Un URL vuoto visualizza testo al posto di un collegamento. La dimensione condivisa del carattere accetta valori CSS e il colore viene impostato in HEX. Le icone sono salvate in pub/media/customheaderlinks/icons.
Precedenza dell'elenco e adattamento dell'header
Nel codice attuale un elenco dinamico valido ha la precedenza. Legacy CMS Block è un fallback quando l'elenco non produce elementi da mostrare; selezionare un blocco non sostituisce un elenco non vuoto.
Il layout inserisce il componente in header.panel. Il tema deve renderizzare quest'area oppure richiede un adattamento della posizione. Dopo le modifiche controlla l'header su computer e telefono e aggiorna la cache di configurazione e pagina.
Installazione tramite Composer
Il pacchetto kowal/module-customheaderlinks, modulo Kowal_CustomHeaderLinks. Dopo aver configurato l'accesso al repository Kowal, installa il pacchetto, abilita il modulo, aggiorna Magento e svuota la cache. In produzione, includi compilazione e deploy dei contenuti statici secondo il processo del negozio.
Dalla configurazione al risultato
1. Aggiungi gli elementi della barra
Inserisci testo, URL e un'icona facoltativa.
2. Organizzi la navigazione
Imposti ordine, attributi e aspetto.
3. Pubblichi per la vista negozio
Controlli l'header e aggiorni la cache necessaria.
Scorciatoie per una campagna stagionale
Aggiungi link alla promozione e alle informazioni di consegna, imposti l'ordine e assegni le icone. In un'altra Store View puoi preparare testi e indirizzi locali.
Dopo la campagna modifichi l'elenco nella configurazione. Un elemento privo di URL può fungere da breve messaggio testuale.
Organizza le scorciatoie nell'header del tuo negozio
Vuoi adattare il modulo al tuo negozio? Richiedi l'implementazione di Kowal Custom Header Links e discuti la configurazione o le estensioni necessarie.
Maggiori Informazioni
| Conformità al modello | Luma / Vuoto, Fabbro |
|---|
Istruzioni per l'installazione del modulo
Installazione e configurazione
Requisiti
- Magento 2
- modulo attivo
Kowal_Base - accesso al pannello di amministrazione Magento
Installazione tramite Composer
Licenza Composer:
- Nome utente:
<YOUR E-MAIL> - Token:
<YOUR-TOKEN>
- Aggiungi il repository del pacchetto, se non è già configurato:
I dati di accesso al repository Composer, ovvero l indirizzo e-mail del cliente e il token di licenza, saranno inviati via e-mail dopo l acquisto. Sono disponibili anche nel pannello cliente dopo l accesso su kowal.store. Sostituisci TWOJ_EMAIL_KLIENTA con l indirizzo e-mail del tuo account e TWOJ_TOKEN con il token ricevuto. Esegui i comandi nella directory principale di Magento.
composer config repositories.kowal composer https://repo.kowal.store
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
composer require kowal/module-customheaderlinks
php bin/magento module:enable Kowal_CustomHeaderLinks
php bin/magento setup:upgrade
php bin/magento cache:flush
Posizione della configurazione
Dopo l'installazione, la configurazione del modulo è disponibile nel pannello:
Stores > Configuration > kowal > Custom Header Links
Configurazione dell'elenco dinamico dei link
La sezioneLinkicontiene un modulo dinamico in cui ogni riga corrisponde a un elemento visualizzato nell'intestazione.
Campi disponibili nella riga
Kolejność- numero che controlla la posizione dell'elemento.Anchor- testo visibile all'utente.Link- indirizzo URL; quando il campo è vuoto, l'elemento viene renderizzato come testo.CSS Class- classi aggiuntive per lo styling dell'elemento.Title- valore dell'attributotitle.Rel- multiselect per l'attributorel, ad esempionofollow,noopener,noreferrer.Ikona- caricamento del file grafico visualizzato sul lato sinistro del link.
Configurazione dell'aspetto
La sezioneWyglądcontiene impostazioni comuni per l'intero elenco:
Wielkość czcionki- sono supportati valori numerici o unità CSS, ad es.14,14px,0.875rem,90%.Kolor czcionki- campo di testo con selettore colore in formato HEX.
Modalità legacy
CampoLegacy CMS Blockconsente di mantenere il metodo di rendering precedente negli store con implementazione personalizzata.
Funzionamento:
- se
Legacy CMS Blockè impostato, il frontend renderizza il blocco CMS indicato, - se
Legacy CMS Blockè vuoto, il frontend utilizza il nuovo elenco dinamico dei link.
Questa soluzione consente di impostare il modulo su fallback senza migrare il contenuto esistente al nuovo formato.
Note di implementazione
- Le icone vengono salvate nella directory
pub/media/customheaderlinks/icons. - La configurazione funziona negli scope
default,websiteestore view. - Dopo le modifiche alla configurazione è consigliabile svuotare la cache, se lo store utilizza una cache aggressiva del livello frontend.
Procedura di avvio consigliata
- Configura l'elenco dinamico dei link nell'ambiente di test.
- Verifica l'ordine, gli stili e il comportamento dei link su desktop e mobile.
- Se lo store dispone di un'integrazione dell'header precedente e personalizzata, usa
Legacy CMS Blockcome modalità transitoria o definitiva.