Kowal Custom Header Links para Magento 2
- Compatibilidade
- 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
Descrição / Kowal Custom Header Links para Magento 2
MAGENTO 2 · CABEÇALHO · LINKS · STORE VIEW
Altere os links no cabeçalho a partir do painel Magento.
Kowal Custom Header Links
Encaminhe os clientes para promoções, entrega, contacto e secções importantes da loja. Gere a ordem, os ícones e o aspeto básico dos links sem editar código sempre que altera o conteúdo.
Lista de links · Ícones e atributos HTML · Fallback CMS
COMO FUNCIONA NA PRÁTICA
01 · Adiciona elementos da barra
Preenche o texto, o URL e um ícone opcional.
02 · Organiza a navegação
Define a ordem, os atributos e o aspeto.
03 · Publica para a vista da loja
Verifica o cabeçalho e atualiza a cache necessária.
O que ganha a sua loja?
Conheça as funcionalidades, a utilização e as definições do módulo.
Conheça o módulo
Kowal Custom Header Links é um módulo Magento 2 para gerir links adicionais na barra superior da loja sem necessidade de intervir no código sempre que altera o conteúdo. A solução dá ao administrador controlo total sobre a disposição dos links a partir do painel, permitindo que a secção de cabeçalho responda mais rapidamente às necessidades de vendas, campanhas e comunicação com o cliente.
O módulo foi concebido para lojas que precisam de uma forma flexível e repetível de publicar links como: promoções, áreas de marcas, programas de fidelização, informações de entrega, conta de cliente, contacto, landing pages ou mensagens sazonais.
Principais benefícios
- Gestão dinâmica da lista de links na configuração do Magento.
- Possibilidade de definir a ordem de apresentação de cada elemento.
- Suporte para o conteúdo do link, endereço URL, classe CSS, atributo
titleerel. - Possibilidade de adicionar um ícone do lado esquerdo do link.
- Configuração do aspeto através do tamanho e da cor da fonte.
- Fallback para o modo legacy baseado num único CMS Block para implementações personalizadas.
- Maior autonomia da equipa de e-commerce sem envolver um programador em alterações simples no cabeçalho.
Aplicações de negócio
- Destacar promoções atuais e ações especiais.
- Criar caminhos rápidos para as secções mais importantes da loja.
- Realçar links para programas de parceiros, outlet ou novidades.
- Publicar atalhos para apoio ao cliente, FAQ, entrega e devoluções.
- Uniformizar a comunicação em vários store views, mantendo configurações separadas.
Porquê este módulo
O cabeçalho padrão do Magento requer frequentemente alterações frontend adicionais ou a utilização de blocos CMS estáticos. Este módulo simplifica essa área, transformando-a num componente administrativo configurável. Assim, as alterações são mais rápidas, menos arriscadas e mais fáceis de manter.
Público-alvo
O módulo é uma boa escolha para:
- lojas que desenvolvem vendas promocionais e sazonais,
- equipas de marketing que alteram frequentemente a visibilidade dos links,
- implementações Magento que exigem um fallback simples para o método de renderização antigo,
- projetos em que o cabeçalho desempenha um papel importante na navegação e na comunicação.
Configuração e campos do link
Stores → Configuration → kowal → Custom Header Links disponibiliza uma lista de elementos e definições de aspeto para Default, Website e Store View. A linha define a ordem, Anchor, Link, CSS Class, Title, Rel e o ícone.
Um URL vazio apresenta o texto em vez de uma hiperligação. O tamanho de fonte comum aceita valores CSS, e a cor é definida como HEX. Os ícones são guardados em pub/media/customheaderlinks/icons.
Prioridade da lista e ajuste do cabeçalho
No código atual, a lista dinâmica correta tem prioridade. O Legacy CMS Block é um fallback quando a lista não fornece elementos para apresentar; a simples seleção de um bloco não substitui uma lista não vazia.
O layout coloca o componente em header.panel. O tema deve renderizar esta área ou requer ajuste da localização. Após as alterações, verifique o cabeçalho no computador e no telefone, e atualize a cache da configuração e da página.
Instalação via Composer
Pacote kowal/module-customheaderlinks, módulo Kowal_CustomHeaderLinks. Depois de configurar o acesso ao repositório Kowal, instale o pacote, ative o módulo, atualize o Magento e limpe a cache. Em produção, inclua a compilação e a implementação de conteúdo estático de acordo com o processo da loja.
Da configuração ao resultado
1. Adiciona elementos da barra
Preenche o texto, o URL e um ícone opcional.
2. Organiza a navegação
Define a ordem, os atributos e o aspeto.
3. Publica para a vista da loja
Verifica o cabeçalho e atualiza a cache necessária.
Atalhos para uma campanha sazonal
Adiciona um link para a promoção e para as informações de entrega, define a ordem e atribui ícones. Noutro Store View pode preparar conteúdo e endereços locais.
Após a campanha, altera a lista na configuração. Um elemento sem URL pode funcionar como uma mensagem de texto curta.
Organize os atalhos no cabeçalho da sua loja
Quer adaptar o módulo à sua loja? Pergunte sobre a implementação do Kowal Custom Header Links e discuta a configuração ou as extensões necessárias.
Mais informação
| Compatibilidade com o modelo | Luma / Blank, KOWAL |
|---|
Manual de instalação do módulo
Instalação e configuração
Requisitos
- Magento 2
- módulo
Kowal_Baseativo - acesso ao painel de administração Magento
Instalação via Composer
Composer License:
- Username:
- Token:
- Adicione o repositório do pacote, se ainda não estiver configurado:
Receberá os dados de acesso ao repositório Composer, endereço de e-mail do cliente e token de licença, por e-mail após a compra. Também estão disponíveis na área de cliente depois de iniciar sessão em kowal.store. Substitua TWOJ_EMAIL_KLIENTA pelo endereço de e-mail da sua conta e TWOJ_TOKEN pelo token recebido. Execute os comandos no diretório raiz do Magento.
composer config repositories.kowal composer https://repo.kowal.store- Configure os dados de acesso ao repositório:
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'- Instale o módulo:
composer require kowal/module-customheaderlinks- Ative o módulo:
php bin/magento module:enable Kowal_CustomHeaderLinks- Execute o upgrade e atualize a cache:
php bin/magento setup:upgradephp bin/magento cache:flushLocalização da configuração
Após a instalação, a configuração do módulo está disponível no painel:
Stores > Configuration > kowal > Custom Header Links
Configuração da lista dinâmica de links
A secção Linki contém um formulário dinâmico em que cada linha corresponde a um elemento apresentado no cabeçalho.
Campos disponíveis na linha
Kolejność- número que controla a posição do elemento.Anchor- texto visível para o utilizador.Link- endereço URL; quando o campo está vazio, o elemento é renderizado como texto.CSS Class- classes adicionais para estilizar o elemento.Title- valor do atributotitle.Rel- multiselect para o atributorel, por exemplonofollow,noopener,noreferrer.Ikona- upload de ficheiro gráfico apresentado do lado esquerdo do link.
Configuração do aspeto
A secção Wygląd contém definições comuns a toda a lista:
Wielkość czcionki- são suportados valores numéricos ou unidades CSS, por exemplo14,14px,0.875rem,90%.Kolor czcionki- campo de texto com seletor de cor em formato HEX.
Modo legacy
O campo Legacy CMS Block permite manter o método de renderização antigo em lojas com uma implementação personalizada.
Princípio de funcionamento:
- se
Legacy CMS Blockestiver definido, o frontend renderiza o bloco CMS indicado, - se
Legacy CMS Blockestiver vazio, o frontend utiliza a nova lista dinâmica de links.
Esta solução permite alternar o módulo para fallback sem migrar o conteúdo existente para o novo formato.
Notas de implementação
- Os ícones são guardados no diretório
pub/media/customheaderlinks/icons. - A configuração funciona no scope
default,websiteestore view. - Após alterações na configuração, recomenda-se atualizar a cache se a loja utilizar cache agressiva na camada frontend.
Processo de arranque recomendado
- Configure a lista dinâmica de links no ambiente de testes.
- Verifique a ordem, os estilos e o comportamento dos links em desktop e mobile.
- Se a loja tiver uma integração de cabeçalho antiga e personalizada, utilize
Legacy CMS Blockcomo modo transitório ou final.