Módulo Magento 2 Pestañas adicionales en la ficha de producto ( Custom Tabs )
- SKU
- M2-CUSTOM-TABS
Descripción / 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.
More Information
| Hyva Theme | Hyva Theme Redy |
|---|---|
| Conformidad con la plantilla | Hyvä, Luma / Blank, KOWAL |
Instrucciones de instalación del módulo
Kowal Custom Tab - instalación y configuración
Requisitos
- Magento 2.4 o posterior.
- Acceso a la CLI de 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ñade el repositorio del paquete:
Recibirás los datos de acceso al repositorio de Composer, es decir, la dirección de correo electrónico del cliente y el token de licencia, por correo electrónico 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 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.storeConfigura los datos de acceso al repositorio de Composer de Kowal:
composer config http-basic.repo.kowal.store 'TWOJ_EMAIL_KLIENTA' 'TWOJ_TOKEN'Instala el módulo:
composer require kowal/module-customtabEjecuta la actualización de Magento:
php bin/magento setup:upgradeEn el entorno de producción, ejecuta 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:deployLimpia la caché:
php bin/magento cache:flushVerificación de la instalación
Comprueba si el módulo está activo:
php bin/magento module:status Kowal_CustomTabSi el módulo está inactivo, actívalo:
php bin/magento module:enable Kowal_CustomTabphp bin/magento setup:upgradephp bin/magento cache:flushConfiguración del módulo
En el panel de Magento, ve a:
Stores > Configuration > Kowal > Custom Tab
Establece la opción Enable module en Yes, guarda la configuración y limpia la caché si Magento lo solicita.
Gestión de pestañas
En el panel de administración, ve a:
Kowal > Custom Tabs > Custom Tab
Haz clic en Add new CustomTab para crear una nueva pestaña.
Completa los campos:
Name- nombre de la pestaña visible en el frontend.Field type- tipo de fuente de contenido.Attribute code- atributo del producto del que se debe obtener el contenido de la pestaña.Status- actividad de la pestaña.Sort Order- orden de visualización de la pestaña.
Guarda 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:
- Abre la pestaña existente en modo de edición.
- Utiliza el selector Store View en la zona superior derecha del formulario.
- Selecciona el Store View para el que quieres cambiar el nombre.
- Desmarca
Use Default Valuejunto al campoName. - Introduce el nombre de la pestaña para la versión lingüística seleccionada.
- Guarda 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 solo aparece 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 el siguiente 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 contener 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 soporte multilingüe, ejecuta:
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 quedará guardado como registro store_id = 0.
Resolución de problemas
Si la pestaña no aparece en el frontend:
- Comprueba si el módulo está activado en la configuración.
- Comprueba si la pestaña tiene
Statusestablecido enYes. - Comprueba si el producto tiene un valor completado en el atributo indicado en el campo
Attribute code. - Limpia la caché de Magento.
- Asegúrate de que el layout del tema sigue renderizando el bloque
product.info.details.
Si la traducción del nombre no aparece en el frontend:
- Comprueba si estás editando el Store View correcto.
- Comprueba si
Use Default Valueestá desmarcado para el campoName. - Guarda la pestaña y limpia la caché.