Pestañas de información adicional del producto: configuración y ayuda
Inicio rápido
- Sube el ZIP del módulo mediante "Modules > Module Manager".
- Abre Pestañas de producto > Pestañas y añade una pestaña.
- Configura Título de la pestaña, Tipo de contenido y el contenido traducido.
- Selecciona un producto de prueba en Elementos de destino y mantén activada la opción Activa.
- Revisa cada traducción y usa Revisado por el personal donde corresponda; después guarda.
- En Configuración, elige Estilo de visualización y mantén Etiquetas inteligentes activado si usas marcadores de producto.
- Abre el producto de prueba y confirma la pestaña; después prueba las acciones de consulta, archivo o documentación.
Requiere PrestaShop 1.6.1 o posterior y PHP 7.1 o posterior.
Tu tema debe admitir el hook de contenido adicional del producto.
Manual de configuración
Instalar y crear tu primera pestaña
- Sube Product Extra Info Tabs mediante "Modules > Module Manager".
- Abre Pestañas de producto > Pestañas en el back office y añade una pestaña.
- Introduce Título de la pestaña, elige Tipo de contenido y rellena el contenido en cada idioma.
- En Elementos de destino, selecciona un producto de prueba. Deja vacías las demás restricciones de visibilidad para la primera prueba.
- Mantén activada la opción Activa, guarda y abre ese producto en la tienda.
- Verifica el contenido y amplía después la segmentación a los productos deseados.
Requiere PrestaShop 1.6.1 o posterior y PHP 7.1 o posterior.
Tu tema debe admitir el hook de contenido adicional del producto.
El menú del módulo contiene Panel de control, Pestañas, Consultas, Analítica y Configuración. La pantalla de configuración contiene los ajustes Visualización, Colores, Formulario de contacto, Subidas de archivos y Generación con IA.
Visualización y colores
| Ajuste | Valor predeterminado | Qué hacer |
|---|---|---|
| Estilo de visualización | PrestaShop por defecto (pestañas), tabs |
Elige "Accordion" (accordion) o "Vertical" (vertical) para otro diseño. Comprueba la alternativa de acordeón móvil en tu tema. |
| Etiquetas inteligentes | Sí | Activa el procesamiento de shortcodes de producto y hook en los contenidos de pestaña compatibles. |
| Colores personalizados | No | Actívalo para aplicar el esquema de colores personalizado de las pestañas. |
| Detección automática desde el tema | Sí | Usa los colores detectados del tema cuando los colores personalizados están activados. |
| Fondo del encabezado de pestaña | Vacío | Define el relleno de la cabecera inactiva al usar colores manuales. |
| Texto del encabezado de pestaña | Vacío | Define el color del texto de la cabecera inactiva. |
| Fondo de la pestaña activa | Vacío | Define el relleno de la cabecera activa. |
| Texto de la pestaña activa | Vacío | Define el color del texto de la cabecera activa. |
| Fondo del contenido | Vacío | Define el relleno del panel. |
| Color del borde | Vacío | Define los bordes del panel. |
Guarda los cambios y comprueba la salida nativa, en acordeón o vertical en una página de producto. Un tema que no renderice displayProductExtraContent necesita una modificación antes de poder mostrar estos diseños.
Editor de pestañas y tipos de contenido
Título de la pestaña es multilingüe y empieza vacío. Tipo de contenido usa Contenido HTML por defecto. El editor actual tiene siete opciones:
| Tipo de contenido | Qué configuras |
|---|---|
Contenido HTML (html) |
Introduce texto enriquecido multilingüe en Contenido de la pestaña. |
Markdown (markdown) |
Introduce Contenido Markdown y, opcionalmente, "Documentation Meta Description". |
Listado de elementos (entities) |
Elige los productos, páginas CMS o categorías CMS que mostrar en Elementos mostrados. |
HTML + Listado de entidades (mixed) |
Configura Contenido de la pestaña y Elementos mostrados. |
Formulario de contacto (contact) |
Muestra el formulario de consulta de producto del módulo; configura los ajustes globales de Formulario de contacto. |
Descargas de archivos (files) |
Sube archivos en Archivos adjuntos. |
Oferta de servicios (service) |
Introduce JSON del servicio estructurado multilingüe con los ejemplos del editor. |
No confundas Elementos mostrados, que selecciona contenido dentro de la pestaña, con Elementos de destino, que selecciona los productos que reciben la pestaña. Elementos mostrados vacío significa que no hay entidades que mostrar.
Oferta de servicios
Usa schema_version 1 y una family de audit, advisory, build o care. Parte de los ejemplos mostrados en el editor. El renderizador admite títulos, introducción, resumen, grupos de alcance, proceso, pruebas, detalles de familia, FAQ, llamada a la acción y productos relacionados.
El editor documenta límites de 8 elementos de resumen, 8 grupos de alcance, 8 puntos por grupo, 6 pasos de proceso, 10 preguntas FAQ y 6 productos relacionados. Las cadenas en línea admiten a, strong, em, code y br. Un JSON no válido, una versión de esquema ausente o una familia no válida impiden guardar un servicio válido. Este tipo no es contenido HTML sin restricciones.
Revisar el contenido traducido
El editor incluye casillas Revisado por el personal: LANGUAGE. Lee el título, contenido y metadescripción traducidos completos antes de marcar una traducción como revisada. El contenido importado y de IA requiere esta revisión antes de resolver las variables publicadas. La revisión está vinculada a la fuente localizada; editarla puede invalidar la revisión anterior.
Segmentación, programación y valores del editor
| Campo | Valor de pestaña nueva | Qué hace |
|---|---|---|
| Elementos de destino | Selección vacía | Vacío significa todos los productos. Selecciona productos, categorías, fabricantes o proveedores para limitarla. |
| Grupos de clientes | Vacío | Sin restricción de grupo. Selecciona grupos para limitar la visibilidad. |
| Visibilidad según stock | all |
Elige in_stock para cantidad superior a cero o out_of_stock para cero o menos. |
| Segmentación por país | Vacío | Sin restricción de país. Selecciona países o zonas mediante el selector. |
| Programación | Desactivada | Configura un intervalo de fechas y/o una franja horaria semanal. Comprueba la hora del servidor/tienda usada por tu instalación. |
| Nombre interno | Vacío | Etiqueta organizativa privada. |
| Color del encabezado de pestaña | Vacío | Acento opcional por pestaña, como #25b9d7. |
| Icono | Vacío | Nombre de Material Icons opcional para la salida en acordeón/vertical. |
| Clase CSS | Vacío | Clase de contenedor opcional para estilos del tema. |
| Activa | Sí | Desactiva la pestaña sin borrarla. |
| Carga AJAX | No | Solicita el cuerpo cuando el cliente abre la pestaña. |
Las nuevas pestañas reciben la siguiente posición disponible en lugar de una posición fija de 0. Usa la ordenación por posición de la lista para organizarlas.
La visibilidad de las pestañas depende de las selecciones de producto y geográficas guardadas, los grupos de clientes, la programación, el contenido disponible y el stock. El país procede de una dirección de cliente, país/geolocalización de PrestaShop, cookie o país predeterminado.
Si la proyección de selección guardada no está disponible, las pestañas coincidentes pueden ocultarse. Guarda de nuevo una pestaña controlada e inspecciona errores de integridad/selección del módulo antes de cambiar contenido no relacionado.
Ajustes del formulario de contacto
| Ajuste | Valor predeterminado | Qué hacer |
|---|---|---|
| Activar reCAPTCHA | No | Actívalo después de introducir claves adecuadas para la versión elegida. |
| reCAPTCHA Versión | v2 |
Elige v2 con casilla o v3 invisible. |
| Clave de sitio reCAPTCHA | Vacío | Introduce la clave pública. |
| Clave secreta de reCAPTCHA | Vacío | Introduce la clave correspondiente de verificación del servidor. |
| Consultas de la tienda | Sí | Guarda las consultas aceptadas en la base de datos del módulo. |
| Correo de notificación | Vacío | Usa el email de la tienda si está vacío, o introduce el destinatario deseado. |
La opción Consultas de la tienda controla el almacenamiento de las consultas en la base de datos. El formulario de producto recoge nombre, email, asunto y mensaje. El mensaje necesita al menos 10 caracteres. Con reCAPTCHA activado, prueba el desafío y la verificación del servidor; un secreto ausente no proporciona una verificación efectiva del servidor. V3 compara la puntuación devuelta con 0.5 cuando hay puntuación.
Envía una consulta de prueba y comprueba Consultas y el buzón del destinatario. Si la consulta se guarda pero falla el correo, el visitante ve una confirmación de que se ha guardado y no se le pide que la reenvíe. Con almacenamiento desactivado y correo fallido, ve un mensaje de error.
Ajustes de subida de archivos
| Ajuste | Valor predeterminado | Qué hacer |
|---|---|---|
| Tamaño máx. del archivo (MB) | 10 | Selecciona 1, 2, 5, 10, 20 o 50 MB. También se aplican los límites PHP de subida del servidor. |
| Extensiones permitidas | pdf,doc,docx,xls,xlsx,jpg,png,gif,zip |
Selecciona las extensiones permitidas de documentos, imágenes y archivos comprimidos en la lista de casillas. |
Guarda una pestaña Descargas de archivos y después añade sus Archivos adjuntos. El proceso PHP necesita un directorio modules/mprproducttabs/uploads/ escribible. Las subidas comprueban tamaño y extensión configurados y crean registros de adjuntos con nombres de almacenamiento generados.
Prueba cada descarga desde un producto coincidente. Una descarga requiere los identificadores de producto y archivo, un archivo activo y una pestaña de archivos disponible para ese producto y visitante. Estas subidas no son almacenamiento privado de documentos.
Documentación Markdown y PDF
Las pestañas Markdown pueden exponer las rutas /documentation y /documentation/{product_rewrite}. La página independiente muestra la documentación apta para el producto y el idioma/tienda actuales. El centro de documentación enumera las pestañas Markdown vinculadas directamente a un producto; las asignadas solo mediante selecciones más amplias no aparecen allí. Abre la ruta deseada después de guardar.
Usa capítulos Markdown y etiquetas de producto, por ejemplo:
# Installation guide for {product_name}
## Before you start {#manual-before-you-start}
Check the product reference: {product_reference}
## Product data {#manual-product-data}
{features}
El módulo puede generar un PDF a partir del contenido Markdown apto. Revisa el archivo generado, especialmente con HTML complejo, imágenes y tablas largas.
El centro de documentación y la documentación independiente del producto admiten indexación, hreflang, sitemaps y schema. La indexación se permite por defecto; la política SEO compartida puede cambiarla. Inspecciona los metadatos robots finales y la salida sitemap de tu tienda.
Ajustes de generación con IA
| Ajuste | Valor predeterminado | Qué hacer |
|---|---|---|
| Activar generación IA | No | Activa la asistencia IA del editor si quieres usarla. |
| Proveedor predeterminado | openai |
Elige el proveedor configurado. |
| Clave API de OpenAI | Vacío | Introduce tu clave de proveedor. |
| Modelo OpenAI | gpt-4o-mini |
Selecciona un modelo compatible con tu cuenta del proveedor y esta integración. |
| Clave API Gemini | Vacío | Introduce tu clave de proveedor de Google. |
| Modelo Gemini | gemini-2.0-flash |
Selecciona el modelo Gemini solicitado. |
| Clave API de Claude | Vacío | Introduce tu clave de Anthropic. |
| Modelo Claude | claude-sonnet-4-5-20250929 |
Selecciona el modelo Claude solicitado. |
El generador construye un prompt a partir del contexto prompt/producto seleccionado y lo envía al proveedor. Revisa y edita el resultado en cada idioma y después usa los controles de revisión del personal antes de confiar en la expansión de variables.
Analítica, importación y exportación
Usa Panel de control y Analítica para inspeccionar vistas de pestañas, hashes de sesión, visitas repetidas y duración de visualización. El script frontal envía eventos al controlador de analítica sin añadir una cookie analítica dedicada. Trata esos valores como mediciones de interacción con pestañas, no como totales de ventas.
La lista Pestañas permite importar/exportar registros de pestañas y campos multilingües. Exporta una muestra antes de preparar una importación para usar los campos reales. Después de importar, verifica segmentación, traducciones, revisión del personal y adjuntos. Una exportación de filas de pestaña por sí sola no es una copia completa de los archivos subidos ni del historial de consultas.
Verificar, resolver problemas y aplicar estilos
Comprueba un producto coincidente y otro no coincidente; después prueba por separado las restricciones de grupo, país, stock y programación. Prueba las pestañas AJAX abriéndolas e inspeccionando la solicitud del fragmento. El contenido inicial de la página no incluye todos los cuerpos diferidos.
Si falta una pestaña, comprueba Activa, contenido traducido, Elementos de destino y cada restricción. Si los datos son aptos pero no aparecen pestañas de producto, inspecciona la compatibilidad del tema con displayProductExtraContent. Si falla una subida, comprueba extensiones permitidas, tamaño del módulo, límites PHP y permisos del directorio. Si falla el correo o la IA, comprueba el transporte nativo de correo o la respuesta del proveedor.
Para dar estilo a una pestaña concreta, configura Clase CSS como installation-files-tab y usa después el CSS del tema:
.mpr-product-tab.installation-files-tab .mpr-product-tab-content {
border-left: 3px solid #25b9d7;
padding-left: 1rem;
}
.mpr-product-tab.installation-files-tab .mpr-files-list {
gap: 0.75rem;
}
Desinstalar
Exporta los registros de pestaña necesarios y haz copias separadas de consultas, analítica y archivos subidos. La desinstalación elimina las tablas del módulo, configuración, entradas administrativas y registro en Theme Detector. Su método de desinstalación no elimina explícitamente el directorio de subidas. Desactiva pestañas individuales o el módulo para pausar la visualización conservando los datos.
Preguntas
1
¿Qué datos registra la analítica de pestañas?
El endpoint de analítica elimina las cabeceras de cookies y genera un hash de sesión diario a partir de la dirección IP del visitante, el User-Agent del navegador y la fecha. Guarda ese hash con los ID de pestaña y producto, vistas, visitas repetidas y duración de visualización. Las consultas de contacto son independientes: si Consultas de la tienda está activado, pueden almacenar el nombre, email, asunto y mensaje del remitente.
Problemas conocidos
16
Los enlaces Markdown desaparecían junto a HTML en línea
La segmentación CMS sin modificar seleccionaba todo
Las ediciones de pestañas dejaban páginas obsoletas en caché
Las etiquetas de administración seguían en inglés
Refuerzo de la seguridad
Las consultas sobre productos no se entregaban correctamente
El centro de documentación vacío seguía disponible
La segmentación seleccionaba todo o productos incorrectos
El renderizado de Markdown fallaba en PHP 7.1
Se perdía el HTML de la documentación
Las pestañas no se cargaban en PrestaShop 9
Las direcciones de documentación desconocidas devolvían una respuesta incorrecta
Rutas de navegación duplicadas en los datos estructurados de documentación
Varios encabezados principales en las páginas de producto
Las páginas de documentación ausentes causaban un error
Las redirecciones de idioma de la documentación usaban una dirección incorrecta
Solicitudes de funcionalidades
12
Implementado
Centro de documentación indexable con metadatos SEO
Pestañas de información de producto dirigidas
Carruseles de productos dentro de pestañas
Páginas de documentación independientes
Valores predeterminados según el tema
Comprobación y reparación de la instalación
Actualizaciones del módulo con un clic
Carga de pestañas bajo demanda
Pestañas de servicios estructuradas
Bloques de código formateados en la documentación
Variables reutilizables en contenidos de pestañas revisados
Caché de páginas públicas de documentación
Registro de cambios
v2.0.132026-05-27
- AddedFinalize documentation hub SEO cleanup
- Addedcomplete FR/DE/ES/IT/PL translations
- FixedNofollow PDF tab action links
- FixedPreserve trusted HTML in documentation tabs
- FixedAdd standard infrastructure checks, tag quality/monitoring checks
- FixedUse pretty /documentation/ URL in cross-language redirect
Versiones anteriores
v1.6.02026-04-20
- AddedStandalone documentation pages with CTA on product tabs
- AddedUse showcase carousel for entity tabs instead of static grid
- Addedautomatic theme detection for Classic and Hummingbird style compatibility
- Addedadmin menu management via MenuInstaller for streamlined module setup
- AddedLicense management tab with key management and renewal options
- Addedself-healing integrity checks for automatic diagnostics and repair
- Addedcomplete FR/DE/ES/IT/PL translations
- ImprovedSimplify docs CTA — unique intro paragraph, no word count
- Improvedadmin list columns with visual badge indicators and multiselect filters
- Improvedsettings form organization with tabbed layout
- FixedOverride getAlternativeLangsUrl for clean /documentation/ URLs in JS
- FixedDocs controller 404 returns 500 — redirect to pagenotfound with exit
- FixedRemove redundant TechArticle JSON-LD — seorevolution handles schema
- Fixedvarious stability and compatibility improvements (5 fixes total)
- Fixedadmin list filters — sorting, searching, and filtering now work correctly on all columns
v1.4.02025-10-07
- Addedmanufacturer-scoped tabs — assign content to all products from a brand
- Addedsupplier-scoped tabs with multi-supplier support per product
- ImprovedTinyMCE editor compatibility with PS 8.x back office
v1.3.02025-07-22
- Addedtab visibility rules: logged-in only, customer group, or public
- Addedicon picker per tab (FontAwesome)
- Fixedcategory-scoped tabs not inheriting to subcategory products
v1.5.02025-06-04
- AddedPS 9 / Hummingbird theme compatibility with Bootstrap 5.3 tab component
- Addedstacked (accordion) layout option alongside classic tabbed layout
- AddedAJAX content loading for heavy tab content — reduces initial page weight
- Improvedtab sorting via drag-and-drop in back office
- Fixedtab content not rendering for guest customers on cached pages
v1.2.02025-05-19
- Addedtab ordering with numeric priority field
- Addedrich-text (HTML) tab content editor in back office
- Improvedmobile layout — tabs collapse to accordion on small screens
v1.1.02025-04-03
- Addedglobal tabs — appear on all products by default
- Addedper-product tab override to hide global tabs selectively
- Fixedtab rendering on quick-view modal overlay
v1.0.02025-02-24
- Initialrelease: extra content tabs on PrestaShop product pages
- InitialCategory-scoped and product-specific tab types
- InitialBack-office tab manager with title, content, and active toggle
- InitialCompatible with PS 1.7.x and PS 8.x
Demo
Prueba el módulo completo antes de comprar
Compra la licencia más tarde y conserva tus ajustes.
- Tu demo de 30 días Pruébalo en tu propia tienda durante 30 días desde la primera instalación.
- Tienda demo lista Explora una tienda demo lista en tu navegador.
- Sin registro Sin cuenta, correo ni dominio de tienda.
Al descargar, aceptas las condiciones de la demo y la política de privacidad.
Al abrir esta demo, acepta los términos de la demo y la política de privacidad.