Módulo Magento 2 Pestañas adicionales en la ficha de producto ( Custom Tabs )
Pestañas de producto flexibles sin intervenir en la plantilla
Kowal Custom Tab es un módulo Magento 2 que permite ampliar rápidamente la ficha de producto con pestañas propias y dinámicas. El administrador puede crear secciones informativas adicionales, asignarlas a atributos del producto y controlar su orden sin editar los archivos del tema.
El módulo resulta útil en tiendas que necesitan presentar información adicional del producto de forma ordenada: tablas de tallas, composición, instrucciones de uso, archivos técnicos, información de entrega, garantía, certificados o descripciones ampliadas dependientes del producto.
Funciones principales
- Añadir pestañas propias en la ficha de producto.
- Obtener el contenido de la pestaña desde un atributo de producto seleccionado.
- Ocultar automáticamente las pestañas cuando el producto no tiene contenido completado en el atributo asignado.
- Gestionar el orden de visualización de las pestañas.
- Activar y desactivar pestañas desde el panel de administración.
- Compatibilidad con contenido HTML y widgets CMS renderizados mediante el filtro de Magento.
- Traducción del nombre de la pestaña por Store View según el mecanismo de scope de Magento.
- Fallback al valor predeterminado cuando el nombre para un Store View determinado no se ha sobrescrito.
Ventajas para la tienda
- Mejor organización de la información en la ficha de producto.
- Menos trabajo de desarrollo al añadir secciones de producto repetibles.
- Presentación coherente de datos adicionales en múltiples categorías de productos.
- Posibilidad de adaptar los nombres de las pestañas a distintas versiones lingüísticas de la tienda.
- Menor riesgo de errores en la plantilla, ya que la configuración se realiza desde el panel de administración.
Ejemplos de uso
- Pestaña 'Especificación técnica' obtenida desde un atributo de producto.
- Pestaña 'Tabla de tallas' visible solo en productos con la tabla completada.
- Pestaña 'Instrucciones de uso' para productos que requieren una descripción adicional.
- Pestaña 'Composición y cuidados' en una tienda de moda.
- Pestaña 'Datos logísticos' en una tienda B2B.
- Nombres de pestañas separados para las versiones polaca, inglesa y alemana de la tienda.
Para quién es este módulo
El módulo está destinado a tiendas Magento 2 que desean ampliar la ficha de producto con información adicional sin crear cambios frontend individuales para cada pestaña. Encaja especialmente bien en tiendas multilingües, catálogos B2B e implementaciones en las que los datos de producto se mantienen en atributos de Magento.
Kowal Custom Tab - instalación y configuración
Requisitos
- Magento 2.4 o superior.
- Acceso a CLI Magento.
- Composer configurado para descargar paquetes privados de Kowal.
- Módulo base
kowal/baseinstalado. - Permisos de administrador para el panel de Magento.
Instalación mediante Composer
Añada el repositorio del paquete:
composer config repositories.custom.tab vcs https://github.com/kowalco/magento-2-custom-tabSi el repositorio requiere autorización, configure el token:
composer config --global --auth github-oauth.github.com Instale el módulo:
composer require kowal/module-customtabEjecute la actualización de Magento:
php bin/magento setup:upgradeEn el entorno de producción, ejecute la compilación DI y el despliegue de recursos estáticos de acuerdo con el proceso del proyecto:
php bin/magento setup:di:compilephp bin/magento setup:static-content:deployLimpie la cache:
php bin/magento cache:flushVerificación de la instalación
Compruebe si el módulo está activo:
php bin/magento module:status Kowal_CustomTabSi el módulo está inactivo, actívelo:
php bin/magento module:enable Kowal_CustomTabphp bin/magento setup:upgradephp bin/magento cache:flushConfiguración del módulo
En el panel de Magento, vaya a:
Stores > Configuration > Kowal > Custom Tab
Establezca la opción Enable module en Yes, después guarde la configuración y limpie la cache si Magento lo solicita.
Gestión de pestañas
En el panel de administración, vaya a:
Kowal > Custom Tabs > Custom Tab
Haga clic en Add new CustomTab para crear una nueva pestaña.
Complete los campos:
Name- nombre de la pestaña visible en el frontend.Field type- tipo de fuente del contenido.Attribute code- atributo de producto desde el que se obtendrá el contenido de la pestaña.Status- actividad de la pestaña.Sort Order- orden de visualización de la pestaña.
Guarde la pestaña.
Traducción del nombre de la pestaña
El nombre predeterminado de la pestaña se guarda para store_id = 0.
Para añadir una traducción para un Store View concreto:
- Abra una pestaña existente en modo edición.
- Utilice el selector Store View en la parte superior derecha del formulario.
- Seleccione el Store View para el que desea cambiar el nombre.
- Desmarque
Use Default Valueen el campoName. - Introduzca el nombre de la pestaña para la versión lingüística seleccionada.
- Guarde el formulario.
Si Use Default Value permanece marcado, el módulo utilizará el valor predeterminado de store_id = 0.
Funcionamiento en el frontend
El módulo añade pestañas a la sección de detalles del producto. La pestaña aparece solo cuando el producto tiene un valor completado en el atributo indicado en la configuración de la pestaña.
Para el nombre de la pestaña, el módulo aplica fallback:
- Nombre para el Store View actual.
- Nombre predeterminado de
store_id = 0. - Valor de la tabla principal de pestañas, conservado por compatibilidad.
El contenido de la pestaña se filtra mediante el mecanismo CMS de Magento, por lo que puede incluir etiquetas HTML y widgets compatibles con Magento.
Actualización de una instalación existente
Después de actualizar el módulo a una versión con compatibilidad multilingüe, ejecute:
php bin/magento setup:upgradephp bin/magento cache:flushLa nueva tabla de valores por Store View se añadirá mediante el esquema declarativo de Magento. Tras guardar por primera vez una pestaña existente, su nombre predeterminado también se conservará como registro store_id = 0.
Solución de problemas
Si la pestaña no aparece en el frontend:
- Compruebe que el módulo esté activado en la configuración.
- Compruebe que la pestaña tenga
Statusestablecido enYes. - Compruebe que el producto tenga un valor completado en el atributo indicado en el campo
Attribute code. - Limpie la cache de Magento.
- Asegúrese de que el layout del tema siga renderizando el bloque
product.info.details.
Si la traducción del nombre no aparece en el frontend:
- Compruebe que está editando el Store View correcto.
- Compruebe que
Use Default Valueesté desmarcado para el campoName. - Guarde la pestaña y limpie la cache.















