Kowal Custom Header Links para Magento 2
- Compatibilidad
- 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
Descripción / Kowal Custom Header Links para Magento 2
MAGENTO 2 · CABECERA · ENLACES · STORE VIEW
Modifica los enlaces de la cabecera desde el panel de Magento.
Kowal Custom Header Links
Dirige a los clientes a promociones, información de entrega, contacto y secciones importantes de la tienda. Gestiona el orden, los iconos y el aspecto básico de los enlaces sin editar el código cada vez que cambies el contenido.
Lista de enlaces · Iconos y atributos HTML · Fallback CMS
CÓMO FUNCIONA EN LA PRÁCTICA
01 · Añades elementos a la barra
Completas el texto, la URL y un icono opcional.
02 · Ordenas la navegación
Defines el orden, los atributos y el aspecto.
03 · Publicas para el store view
Compruebas la cabecera y actualizas la caché necesaria.
¿Qué gana tu tienda?
Descubre las funciones, el uso y la configuración del módulo.
Conoce el módulo
Kowal Custom Header Links es un módulo para Magento 2 que permite gestionar enlaces adicionales en la barra superior de la tienda sin necesidad de intervenir en el código cada vez que se modifica el contenido. La solución ofrece al administrador control total sobre la disposición de los enlaces desde el panel, de modo que la sección header pueda responder con mayor rapidez a las necesidades de venta, campañas y comunicación con el cliente.
El módulo se ha diseñado para tiendas que necesitan una forma flexible y repetible de publicar enlaces como: promociones, zonas de marca, programas de fidelización, información de entrega, cuenta de cliente, contacto, landing pages o mensajes de temporada.
Principales ventajas
- Gestión dinámica de la lista de enlaces en la configuración de Magento.
- Posibilidad de establecer el orden de visualización de cada elemento.
- Compatibilidad con el contenido del enlace, la dirección URL, la clase CSS, el atributo
titleyrel. - Posibilidad de añadir un icono a la izquierda del enlace.
- Configuración del aspecto mediante el tamaño y el color de la fuente.
- Fallback al modo legacy basado en un único CMS Block para implementaciones personalizadas.
- Mayor autonomía del equipo de e-commerce sin recurrir a un desarrollador para cambios sencillos en el header.
Usos empresariales
- Destacar promociones actuales y acciones especiales.
- Crear accesos rápidos a las secciones más importantes de la tienda.
- Resaltar enlaces a programas de partners, outlet o novedades.
- Publicar accesos directos a atención al cliente, FAQ, entregas y devoluciones.
- Unificar la comunicación en varios store view manteniendo una configuración independiente.
Por qué este módulo
El header estándar de Magento a menudo requiere cambios frontend adicionales o el uso de bloques CMS estáticos. Este módulo simplifica esa área al convertirla en un componente administrativo configurable. Gracias a ello, los cambios son más rápidos, menos arriesgados y más fáciles de mantener.
Público objetivo
El módulo es una buena opción para:
- tiendas que desarrollan ventas promocionales y de temporada,
- equipos de marketing que cambian con frecuencia la visibilidad de los enlaces,
- implementaciones Magento que requieren un fallback sencillo al método de renderizado anterior,
- proyectos en los que el header actúa como un elemento importante de navegación y comunicación.
Configuración y campos del enlace
Stores → Configuration → kowal → Custom Header Links ofrece una lista de elementos y ajustes de aspecto para Default, Website y Store View. La fila define el orden, Anchor, Link, CSS Class, Title, Rel y el icono.
Una URL vacía hace que se muestre el texto en lugar de un enlace. El tamaño de fuente común acepta valores CSS y el color se define como HEX. Los iconos se guardan en pub/media/customheaderlinks/icons.
Prioridad de la lista y ajuste de la cabecera
En el código actual, una lista dinámica correcta tiene prioridad. Legacy CMS Block funciona como fallback cuando la lista no proporciona elementos para mostrar; seleccionar simplemente el bloque no sustituye una lista que no esté vacía.
El layout coloca el componente en header.panel. El tema debe renderizar esta área o requerirá ajustar su ubicación. Después de los cambios, comprueba la cabecera en ordenador y móvil, y actualiza la caché de configuración y de página.
Instalación mediante Composer
Paquete kowal/module-customheaderlinks, módulo Kowal_CustomHeaderLinks. Tras configurar el acceso al repositorio de Kowal, instala el paquete, activa el módulo, actualiza Magento y limpia la cache. En producción, incluye la compilación y el despliegue de contenido estático de acuerdo con el proceso de la tienda.
De la configuración al resultado
1. Añades elementos a la barra
Completas el texto, la URL y un icono opcional.
2. Ordenas la navegación
Defines el orden, los atributos y el aspecto.
3. Publicas para el store view
Compruebas la cabecera y actualizas la caché necesaria.
Accesos rápidos para una campaña de temporada
Añades un enlace a la promoción y a la información de entrega, les asignas un orden e iconos. En otro Store View puedes preparar contenido y direcciones locales.
Después de la campaña, modificas la lista en la configuración. Un elemento sin URL puede funcionar como un breve mensaje de texto.
Ordena los accesos rápidos en la cabecera de tu tienda
¿Quieres adaptar el módulo a tu tienda? Pregunta por la implementación de Kowal Custom Header Links y comenta la configuración o las ampliaciones necesarias.
Más Información
| Conformidad con la plantilla | Luma / Blank, KOWAL |
|---|
Instrucciones de instalación del módulo
Instalación y configuración
Requisitos
- Magento 2
- módulo
Kowal_Base - acceso al panel de administración Magento
Instalación mediante Composer
Composer License:
- Username:
<YOUR E-MAIL> - Token:
<YOUR-TOKEN>
- Añade el repositorio del paquete si aún no está configurado:
Recibirás por correo electrónico los datos de acceso al repositorio Composer, es decir, la dirección de correo electrónico del cliente y el token de licencia, después de la compra. También están disponibles en el panel de cliente tras iniciar sesión en kowal.store. Sustituye TWOJ_EMAIL_KLIENTA por la dirección de e-mail de tu cuenta y TWOJ_TOKEN por el token recibido. Ejecuta los comandos en el directorio raíz de 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
Ubicación de la configuración
Después de la instalación, la configuración del módulo está disponible en el panel:
Stores > Configuration > kowal > Custom Header Links
Configuración de la lista dinámica de enlaces
La secciónLinkicontiene un formulario dinámico en el que cada fila corresponde a un elemento mostrado en la cabecera.
Campos disponibles en la fila
Kolejność- número que controla la posición del elemento.Anchor- texto visible para el usuario.Link- dirección URL; cuando el campo está vacío, el elemento se renderiza como texto.CSS Class- clases adicionales para dar estilo al elemento.Title- valor del atributotitle.Rel- multiselect para el atributorel, por ejemplonofollow,noopener,noreferrer.Ikona- subida de un archivo gráfico mostrado a la izquierda del enlace.
Configuración del aspecto
La secciónWyglądcontiene ajustes comunes para toda la lista:
Wielkość czcionki- se admiten valores numéricos o unidades CSS, por ejemplo14,14px,0.875rem,90%.Kolor czcionki- campo de texto con selector de color en formato HEX.
Modo legacy
El campoLegacy CMS Blockpermite conservar el método de renderizado anterior en tiendas con una implementación personalizada.
Funcionamiento:
- si
Legacy CMS Blockestá configurado, el frontend renderiza el bloque CMS indicado, - si
Legacy CMS Blockestá vacío, el frontend utiliza la nueva lista dinámica de enlaces.
Esta solución permite cambiar el módulo a fallback sin migrar el contenido existente al nuevo formato.
Notas de implementación
- Los iconos se guardan en el directorio
pub/media/customheaderlinks/icons. - La configuración funciona en los scopes
default,websiteystore view. - Después de realizar cambios en la configuración, conviene actualizar la caché si la tienda utiliza una caché agresiva de la capa frontend.
Proceso de puesta en marcha recomendado
- Configura la lista dinámica de enlaces en el entorno de pruebas.
- Comprueba el orden, los estilos y el comportamiento de los enlaces en desktop y mobile.
- Si la tienda tiene una integración de header antigua y personalizada, utiliza
Legacy CMS Blockcomo modo transitorio o definitivo.
