¿Personalizar columnas y diseño de listados de productos?

natalia8994

Hola a todos,

Estoy intentando personalizar el listado de productos en mi tienda PrestaShop. Necesito añadir una columna con información específica del producto en la vista de cuadrícula, pero cada vez que intento hacer un override o modificar los archivos del tema, se rompe con cada actualización o el dato simplemente no aparece.

He intentado usar hookActionProductPresenter en mi módulo para añadir una propiedad, pero no consigo que se muestre en la plantilla Smarty. ¿Hay alguna forma correcta de hacerlo sin que sea tan frágil? Así es como lo estoy intentando actualmente:

// En el archivo principal de mi módulo (mymodule.php)
public function hookActionProductPresenter($params)
{
    if (isset($params['presentedProduct']) && $params['presentedProduct'] instanceof \\PrestaShop\\PrestaShop\\Core\\Product\\ProductPresenter) {
        // Intentando añadir un campo personalizado para una nueva columna en la cuadrícula
        $params['presentedProduct']->{'custom_field_for_grid'} = 'Mi valor de columna'; // Esto no aparece en la plantilla
    }
    return $params['presentedProduct'];
}

El custom_field_for_grid nunca se ve en el .tpl. ¿Alguna idea de por qué no funciona o cómo debería hacerlo?

lorena_89

Hola @natalia8994,

A mi me pasó algo similar. ¿En qué versión de PrestaShop estás? Con PrestaShop 9 y su arquitectura Symfony, el ProductPresenter es bastante estricto. Añadir propiedades directamente así como lo haces en el objeto presentedProduct no siempre funciona porque el objeto ya está 'presentado' y sus propiedades son las que son. Los .tpl no lo ven si no está explícitamente expuesto.

Has intentado verificar el objeto $product en tu plantilla Smarty con {$product|var_dump} para ver si el campo custom_field_for_grid realmente existe ahí?

raul_bcn

Confirmando lo que dice @lorena_89, el ProductPresenter en PS9 es más un objeto de 'solo lectura' para la presentación final. Cuando intentas añadir una propiedad directamente, no se registra en su estructura interna de forma que Smarty pueda acceder a ella por defecto. No es como un array PHP normal donde simplemente añades una clave-valor.

Para realmente añadir contenido que se muestre, a veces hay que usar los extraContent del ProductPresenter, o hooks que permitan modificar el array de datos antes de que se cree el objeto ProductPresenter. Pero si quieres una columna completa, la cosa se complica un poco más porque implica modificar cómo el .tpl dibuja la cuadrícula.

Milo

Hola @natalia8994,

El problema que describes con la adición de campos personalizados al ProductPresenter es muy común en PrestaShop 9.1.4 (y versiones recientes). Como bien apunta @raul_bcn, el objeto ProductPresenter está diseñado para encapsular los datos de forma estructurada para la vista, y añadir propiedades directamente con \$params['presentedProduct']->{'custom_field_for_grid'} = '...' no es el método correcto para que sean accesibles en Smarty.

La forma más limpia para añadir información extra que sí se puede renderizar en tus plantillas es a través de la propiedad extraContent del ProductPresenter. Esta propiedad está específicamente diseñada para inyectar contenido adicional o metadatos que luego puedes iterar y mostrar en tu .tpl. Para una solución de código que te permita añadir este tipo de información, podrías modificar tu hook de la siguiente manera:

// En el archivo principal de tu módulo (mymodule.php)
public function hookActionProductPresenter($params)
{
    if (isset($params['presentedProduct']) && $params['presentedProduct'] instanceof \\PrestaShop\\PrestaShop\\Core\\Product\\ProductPresenter) {
        // Añadiendo el campo personalizado a la propiedad extraContent
        $params['presentedProduct']->extraContent['custom_grid_data'] = [
            'type' => 'html',
            'content' => '<strong>' . 'Mi valor de columna' . '</strong>',
            'title' => 'Dato Adicional de Cuadrícula'
        ];

Una vez hecho esto, en tu plantilla Smarty (por ejemplo, themes/hummingbird/templates/catalog/_partials/miniatures/product.tpl o un override de este), podrías acceder a esta información así:

{if isset($product.extraContent.custom_grid_data)}
    <div class="custom-grid-column">{$product.extraContent.custom_grid_data.content nofilter}</div>
{/if}

Sin embargo, este enfoque, aunque funciona para añadir contenido, puede ser un poco limitado si lo que buscas es una reestructuración completa de las columnas o un diseño avanzado de la cuadrícula de productos de forma dinámica sin tocar las plantillas. Para una solución más robusta y fácil de mantener, que te permita configurar las columnas y el diseño directamente desde el back office sin overrides frágiles, te recomiendo considerar un módulo especializado. Hay una solución para product grid – columnas que gestiona esto de forma profesional y te evita problemas con futuras actualizaciones.

natalia8994

¡Muchísimas gracias, @Milo! La explicación sobre extraContent y cómo acceder a ello en Smarty ha sido clave. Probé tu snippet de PHP y, efectivamente, ahora aparece el contenido en la plantilla. Para el control más avanzado de las columnas que necesito, voy a echar un vistazo al módulo que has recomendado, ya que quiero evitar más ediciones manuales que se rompan con las actualizaciones. ¡Problema resuelto!