Configurar pestañas avanzadas en PrestaShop 8 paso a paso

PrestaShop 8 trae pestañas en ficha de producto de forma nativa pero con un sistema limitado: una sola pestaña adicional editable por producto, sin lógica por categoría ni por marca, y configuración manual producto a producto. Este post explica qué se puede hacer con lo nativo, dónde se queda corto y qué opciones hay para llevarlo más lejos.

💡

Lo que viene nativo en PrestaShop 8

Por defecto, una ficha de producto en PrestaShop 8 tiene tres pestañas: «Descripción», «Detalles del producto» y «Comentarios» (esta última si el módulo de comentarios está activo). La descripción extendida del producto se edita en el campo correspondiente del producto. Los detalles aparecen automáticamente con los atributos y características.

Para añadir una pestaña adicional con contenido custom (por ejemplo, una guía de uso o una política específica del producto), hay que recurrir a un módulo o tocar el theme. Sin extensión, no hay forma fácil de tener una cuarta pestaña editable.

Opción 1: pestañas globales en el theme

Para añadir una pestaña que aparece en todos los productos con el mismo contenido (típicamente «Envíos y devoluciones» o «Garantía»), la forma más sencilla es modificar la plantilla del theme.

El archivo a editar es el template de tabs de producto, ubicado en themes/[tu-theme]/templates/catalog/_partials/product-tabs.tpl. Ahí se añade una pestaña adicional con contenido fijo. Lo más limpio es usar un override del theme para no perder el cambio en actualizaciones del theme base.

Trampa común: editar directamente el theme y perder el cambio cuando se actualiza el theme. Usar siempre themes/[tu-theme]/templates/... en lugar del theme original.

Opción 2: pestaña adicional por producto

Para tener una pestaña con contenido distinto en cada producto, hay dos vías:

  • Usar características del producto: PrestaShop permite añadir características al producto que aparecen en la pestaña de detalles. No es una pestaña separada pero cubre el caso si lo que necesitas son datos estructurados (talla, material, peso).
  • Módulo de pestañas adicionales: hay varios módulos en el mercado que añaden una o varias pestañas configurables por producto desde el BO. El contenido se edita en HTML enriquecido producto a producto.

El segundo enfoque es flexible pero costoso en mantenimiento: si tienes 5000 productos y la pestaña debe variar en algunos, configurar uno a uno es trabajo de horas. Aquí es donde aparece la limitación.

Opción 3: pestañas por categoría o por marca

La configuración más útil en catálogos grandes es asignar pestañas según categoría o marca. Por ejemplo, todos los productos de la categoría «Calzado» llevan una pestaña «Tabla de tallas calzado» automáticamente; todos los de la marca X llevan «Garantía X».

Nativo, PrestaShop 8 no lo permite. Se requiere módulo específico que añada la capa de lógica. Las opciones razonables son:

Construirlo a medida

Código PHP en el theme que mire la categoría o el fabricante del producto y cargue el contenido correspondiente desde un campo custom. Controlable, pero requiere mantener el código por tu cuenta.

Módulo de pestañas avanzadas

La lógica ya implementada y configurable desde el BO sin tocar código, con interfaz razonable — a cambio del coste de adquisición y dependencia del vendedor.

Posicionamiento de la pestaña

El orden de las pestañas afecta a la atención del usuario. La pestaña inicial (activa por defecto al cargar la ficha) recibe la mayor parte de las miradas; el resto se exploran solo si hay interés activo.

Recomendación operativa: la pestaña activa por defecto debe ser la descripción del producto, no detalles técnicos ni reseñas. La descripción es lo que vende. Las demás pestañas se ordenan según prioridad para tu sector: en moda, suele funcionar Descripción – Tabla de tallas – Envíos – Comentarios. En electrónica, Descripción – Especificaciones – Envíos – Comentarios.

Pestañas en móvil

El theme base de PrestaShop 8 (Classic y derivados como Panda) suele renderizar las pestañas en móvil como acordeones desplegables en lugar de pestañas horizontales. Eso suele funcionar bien: el usuario ve todos los títulos y despliega el que le interesa.

El problema aparece en themes custom donde las pestañas se mantienen horizontales en móvil con texto pequeño. Resultado: el usuario no encuentra la información, scrollea sin entender la estructura. Si tu theme hace esto, conviene revisar el comportamiento responsivo de las pestañas como tarea de UX.

Validar que SEO no se rompe

Si añades pestañas con contenido importante para SEO, verifica que el contenido se renderiza en el HTML inicial, no después con JavaScript. Una forma rápida: inspecciona la página en navegador, mira el HTML servidor y comprueba que el texto de las pestañas está ahí. Si solo aparece al hacer clic, es JavaScript-only y Google lo ve con menos peso.

Lo mismo aplica para los schemas JSON-LD: si el contenido de pestañas alimenta un schema Product o Review, el JSON-LD debe generarse desde el servidor con todo incluido, no construirse dinámicamente.

El atajo: módulo Zeyvro de pestañas

El módulo de pestañas de Zeyvro para PrestaShop 8 cubre los cuatro niveles: globales, por producto, por categoría y por marca. La configuración se hace desde el BO con editor TinyMCE y precedencia jerárquica configurable (por ejemplo, si un producto tiene pestaña por marca y por categoría a la vez, decides cuál gana).

Cuándo compensa el módulo: catálogos con más de 200 productos donde las pestañas varían según categoría o marca. Por debajo de esa escala, la pestaña global o por producto manual cubre la mayoría de casos.

Limitaciones conocidas

Independientemente de cómo implementes las pestañas, dos cosas no escalan bien sin ayuda externa:

  • Pestañas con contenido multilingüe en catálogos con muchos idiomas. Mantener cuatro idiomas × cuatro pestañas × cinco mil productos es trabajo de meses.
  • Pestañas con tablas comparativas dinámicas (precio por características, variaciones, accesorios compatibles). Suelen necesitar lógica específica más allá de las pestañas estándar.

💡 Si tu caso entra en alguna de esas excepciones o tienes un theme custom donde las pestañas no se comportan bien, escríbenos a hola@zeyvro.com con el contexto. Y si aún dudas de si las pestañas te aportan, empieza por cuándo aportan valor y cuándo son ruido.

Preguntas frecuentes

¿PrestaShop 8 permite añadir pestañas personalizadas sin módulo?

Solo de forma limitada: las tres pestañas nativas más lo que edites en el theme (pestaña global fija en product-tabs.tpl). Para pestañas editables por producto, categoría o marca hace falta un módulo.

¿Cómo añado una pestaña igual para todos los productos?

Editando el template de tabs del theme (themes/[tu-theme]/templates/catalog/_partials/product-tabs.tpl), siempre como override del theme para no perder el cambio en actualizaciones.

¿Se pueden asignar pestañas automáticamente por categoría o marca?

Nativo no. Hace falta código a medida o un módulo con esa lógica — como el módulo de pestañas de Zeyvro, que cubre globales, por producto, por categoría y por marca con precedencia configurable.

¿Qué pestaña debe estar activa por defecto?

La descripción del producto — es lo que vende. Detalles técnicos, envíos y reseñas van después, ordenadas según la prioridad de tu sector.

Cuatro niveles de pestañas — global, producto, categoría, marca — desde el BO, con TinyMCE y precedencia configurable.

Ver Zeyvro Product Tabs →

Zeyvro desarrolla módulos para PrestaShop 8 desde una tienda real en producción. Código sin ofuscar.

Captura ampliada

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio