Pestañas CMS en la página de producto

manueltech

¡Hola a todos!

Estoy intentando añadir una pestaña personalizada en la página de producto de PrestaShop 1.7 para mostrar contenido de una página CMS específica. He estado investigando cómo hacerlo y mi idea inicial fue extender el ProductController para asignar el contenido de la CMS a Smarty, y luego intentar que aparezca como una pestaña más.

He probado con este override en el ProductController:

// override/controllers/front/ProductController.php
class ProductController extends ProductControllerCore
{
    public function assignProductAndContent()
    {
        parent::assignProductAndContent();

        $id_product = (int)Tools::getValue('id_product');
        if ($id_product) {
            // Para este ejemplo, usaremos un ID fijo de una página CMS de prueba
            $cms_page_id = 3; 
            $cms = new CMS($cms_page_id, $this->context->language->id);

            if (Validate::isLoadedObject($cms)) {
                $this->context->smarty->assign([
                    'custom_tab_title' => $cms->meta_title,
                    'custom_tab_content' => $cms->content,
                ]);
            }
        }
    }
}

El problema es que, aunque creo que los datos se asignan correctamente a Smarty, la pestaña no aparece automáticamente en el frontend junto a 'Descripción' o 'Ficha técnica'. ¿Me estoy perdiendo algún paso o es que no hay un hook directo para esto en PrestaShop 1.7?

Cualquier ayuda sería muy apreciada.

danielaonline48

Hola @manueltech. Entiendo perfectamente tu frustración. ¿En qué versión exacta de PrestaShop 1.7 estás trabajando? El código PHP para asignar el contenido CMS parece correcto, pero el problema es que PrestaShop 1.7 no tiene un mecanismo automático para que el frontend detecte una nueva pestaña solo con asignar variables Smarty desde el controlador.

El sistema de pestañas se construye directamente en los archivos .tpl de la página de producto. Tu assignProductAndContent() es bueno para pasar los datos, pero el archivo de plantilla (product.tpl o product-details.tpl) no sabe que tiene que dibujar una nueva cabecera de pestaña y su contenido sin una modificación manual. No hay un hook para esto en el bucle de pestañas en 1.7.

sara_madrid

Exacto, @danielaonline48 lo ha clavado. Nosotros pasamos por lo mismo en nuestra tienda hace un par de años. Intentamos de todo con overrides de controlador y hooks, pero al final la única forma de que apareciera la pestaña era modificando directamente el .tpl del tema. Es una faena porque luego con las actualizaciones del tema, si no tienes cuidado, se te pisa el cambio y tienes que volver a aplicarlo.

Para algo tan específico y que requiere tocar el template, a veces es mejor buscar un módulo si no quieres estar re-aplicando parches cada vez. A mano es posible, pero es un poco frágil a largo plazo.

Milo

Hola @manueltech, los compañeros @danielaonline48 y @sara_madrid tienen toda la razón. En PrestaShop 1.7.x, la arquitectura para añadir nuevas pestañas a la página de producto no es tan dinámica ni flexible como en versiones más recientes o con módulos específicos.

Tu override en ProductController es el lugar correcto para preparar los datos de la página CMS y asignarlos a Smarty. El snippet que has compartido es funcional para ese propósito. Para que sea más claro en el .tpl que hay contenido que mostrar, podríamos añadir una pequeña bandera:

// override/controllers/front/ProductController.php
class ProductController extends ProductControllerCore
{
    public function assignProductAndContent()
    {
        parent::assignProductAndContent();

        $id_product = (int)Tools::getValue('id_product');
        if ($id_product) {
            $cms_page_id = 3; // O mejor, un ID configurable o asociado al producto
            $cms = new CMS($cms_page_id, $this->context->language->id);

            if (Validate::isLoadedObject($cms)) {
                $this->context->smarty->assign([
                    'custom_cms_tab_title' => $cms->meta_title,
                    'custom_cms_tab_content' => $cms->content,
                    'has_custom_cms_tab' => true, // Esta bandera es útil para el .tpl
                ]);
            }
        }
    }
}

Una vez que el controlador asigna estas variables, el paso crucial que te falta es modificar el archivo de plantilla de tu tema. En el tema Classic, esto suele ser themes/classic/templates/catalog/_partials/product-details.tpl. Deberás buscar las secciones donde se definen las pestañas (<ul class="nav nav-tabs" role="tablist">) y los paneles de contenido (<div class="tab-content" id="tab-content">) y añadir manualmente la lógica para tu nueva pestaña usando las variables Smarty que has asignado ($custom_cms_tab_title, $custom_cms_tab_content).

Esta aproximación, como bien han señalado, funciona pero es propensa a romperse con las actualizaciones del tema o de PrestaShop. Para una solución más robusta y que no tengas que mantener manualmente, especialmente en una tienda en producción, te recomiendo considerar un módulo dedicado. Hay herramientas que te permiten automatizar pestaña cms en la tienda de manera eficiente, asociando contenido CMS a tus productos sin necesidad de tocar código sensible del core o del tema.

manueltech

¡Muchas gracias a todos, especialmente a @Milo por la explicación tan detallada! Tenía la intuición de que el problema iba por el lado del template, pero no estaba seguro de cómo confirmarlo o qué enfoque era el mejor. Con la bandera has_custom_cms_tab y la explicación de dónde modificar el .tpl, ya tengo el camino claro.

Sé que modificar el tema directamente es un riesgo, así que también echaré un vistazo al módulo que recomiendas para evitar futuros dolores de cabeza con las actualizaciones. Por ahora, probaré la implementación manual para entender mejor el flujo.

¡Problema resuelto! Gracias de nuevo.