MAGENTO 2 · LISTA DE PRODUCTOS · FILTROS RÁPIDOS · AMASTY
Kowal Tags Bar
Muestra una barra de etiquetas sobre la categoría y los resultados de búsqueda. Utiliza un atributo desplegable para elegir una colección, estilo o finalidad antes de que el cliente recurra a otros filtros.
Una etiqueta activa · Ocultar opciones vacías · Enlaces Magento o Amasty
CÓMO FUNCIONA EN LA PRÁCTICA
01 · Preparas el atributo
Creas opciones desplegables y las asignas a los productos.
02 · Seleccionas el modo de enlaces
Utilizas parámetros estándar o direcciones Amasty.
03 · El cliente elige una etiqueta
La barra lleva a la lista con el filtro seleccionado.
Descubre las funciones, el uso y la configuración del módulo.
Kowal Tags Bar añade sobre el listado de productos (categoría / buscador) una barra de etiquetas que funcionan como filtro rápido para un único atributo de tipo dropdown (select). La solución es independiente del aspecto de la navegación por capas: las etiquetas siempre se muestran encima de los productos, lo que resulta ideal en tiendas donde los clientes esperan «filtros rápidos» al estilo marketplace.
Características principales:
Dropdown = selección única (comportamiento sencillo: una sola etiqueta activa a la vez).
Ocultación de etiquetas vacías: el módulo muestra solo las opciones que tienen resultados en la categoría actual y sus subcategorías (la etiqueta activa permanece siempre visible para que se pueda desactivar).
Dos modos de enlaces:
Default (Magento): parámetro estándar ?tags=ID
Amasty: obtiene las URL SEO de la capa de filtros (Shopby) y las utiliza en las etiquetas.
Configuración de apariencia en el panel: colores de fuente, fondo y borde (también por separado para la etiqueta activa), así como textos personalizados de tipo «Etiquetas:» y «Todos».
Registro de diagnóstico (facilita la implementación en temas personalizados / configuraciones de filtros).
El módulo es ideal para tiendas con un gran número de productos, donde los clientes primero eligen el «estilo / colección / uso» y después afinan otros filtros.
Stores → Configuration → Kowal → Tags Bar permite activar el módulo e indicar Attribute code, URL mode y los textos Etiquetas y Todas. El atributo predeterminado es tags y el modo de enlaces es default.
Prepara las opciones del atributo de tipo select, asigna valores a los productos y configúralo como filtrable en la lista. La barra crea un enlace al filtro; la navegación configurada de Magento o Amasty proporciona el filtrado correcto de productos.
El número de resultados se basa en la colección de la lista actual. En una categoría, el código también tiene en cuenta las asignaciones a la categoría y sus subcategorías; en búsquedas utiliza la colección actual de resultados. Las opciones inactivas sin resultados se ocultan.
La etiqueta activa sigue disponible para desactivarla. En modo default, el enlace Todas elimina el parámetro de ese atributo y conserva los demás parámetros de la dirección, como la ordenación. Esto no implica restablecer todos los filtros de forma global.
El modo amasty obtiene las direcciones para añadir y eliminar opciones de la capa activa de filtros. Si no puede obtener la dirección de una opción, utiliza el parámetro URL estándar. La compatibilidad depende de la configuración de Shopby y de sus direcciones SEO.
Configuras los colores del texto, el fondo y el borde por separado para las etiquetas normales y activas. La barra se incorpora al layout de la categoría y del buscador; un tema con otra estructura puede requerir adaptar su ubicación.
Paquete kowal/module-amastytagsbar, módulo Kowal_AmastyTagsBar. Tras configurar el acceso al repositorio Kowal, instala el paquete, activa el módulo, actualiza Magento y limpia la caché. En producción, incluye la compilación y el despliegue de contenido estático según el proceso de la tienda.
1. Preparas el atributo
Creas opciones desplegables y las asignas a los productos.
2. Seleccionas el modo de enlaces
Utilizas parámetros estándar o direcciones Amasty.
3. El cliente elige una etiqueta
La barra lleva a la lista con el filtro seleccionado.
Los productos reciben la etiqueta de la colección. Sobre la lista, el cliente ve las opciones disponibles y selecciona la que le interesa.
Puede desactivar la etiqueta activa o elegir Todas. El módulo admite un único valor del atributo, por lo que no es un conjunto de etiquetas seleccionables simultáneamente.
¿Quieres adaptar el módulo a tu tienda? Consulta sobre la implementación de Kowal Tags Bar y comenta la configuración o las extensiones necesarias.
| Conformidad con la plantilla | Luma / Blank, KOWAL |
|---|
Recibirás por e-mail los datos de acceso al repositorio Composer, dirección de e-mail del cliente y token de licencia, tras 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 correo electrónico 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-amastytagsbarDespués de instalar el paquete, actualiza Magento y limpia la caché:
php bin/magento setup:upgrade
php bin/magento cache:flushEn el entorno de producción, realiza también la compilación DI y el despliegue de archivos estáticos de acuerdo con el proceso de despliegue de la tienda.
En la tienda smmash.pl, el cliente llega a categorías con ropa deportiva, donde la decisión de compra suele empezar por una elección rápida: disciplina, colección, uso (p. ej., «BJJ», «MMA», «gimnasio», «outdoor»). La navegación por capas clásica es correcta, pero requiere entrar en los filtros laterales y hacer varios clics.
La implementación de Kowal Tags Bar añadió sobre el listado una barra de «etiquetas» basada en un atributo desplegable (p. ej., «Deporte / Colección»). Efectos:
el usuario ve de inmediato las opciones más importantes y filtra la lista con un solo clic,
desaparecieron las frustraciones relacionadas con hacer clic en filtros sin resultados (las etiquetas sin productos no se muestran),
en el modo Amasty, los enlaces son compatibles con SEO y coherentes con la estructura de URL existente,
aumenta la claridad del listado en móvil, porque el filtro más importante está «sobre los productos» y no oculto en el panel lateral.
