¿Pestaña de más vendidos en la página de inicio?

fernando_lab

Hola a todos,

Estoy intentando añadir una sección de productos 'Más vendidos' como una pestaña en la página de inicio, similar a cómo se muestran las 'Novedades' o 'Productos Destacados'. Mi tienda está en PrestaShop 1.7.8.4 y he intentado adaptar un hook displayHome en un módulo personalizado, pero no consigo que se muestre como una pestaña real, solo como un bloque de contenido. Además, la carga de los productos no se ve bien en la plantilla.

Aquí tenéis el código que he estado probando en mi mi_modulo/mi_modulo.php:

public function hookDisplayHome($params)
{
    $bestSellersRaw = ProductSale::getBestSalesLight((int)$this->context->language->id, 0, 8);
    
    // Asigno los datos crudos, pero en el TPL no se renderizan bien como productos
    $this->context->smarty->assign([
        'best_sellers_list' => $bestSellersRaw,
        'tab_name' => $this->l('Más Vendidos')
    ]);
    return $this->display(__FILE__, 'module:mi_modulo/views/templates/hook/home_bestsellers.tpl');
}

¿Alguna idea de cómo puedo hacer que esto funcione correctamente como una pestaña con el formato de producto estándar y que sea robusto para futuras actualizaciones?

raulonline

@fernando_lab Entiendo tu frustración. La verdad es que integrar una nueva pestaña en la página de inicio no es tan sencillo como parece en PrestaShop 1.7. El problema de tu código es que ProductSale::getBestSalesLight() te devuelve los datos básicos, pero no los objetos de producto completos que el Smarty de PrestaShop espera para renderizar las imágenes, precios, botones de añadir al carrito, etc., con el estilo de la plantilla Classic.

Normalmente, los módulos que muestran productos destacados o novedades usan una función para enriquecer esa lista de productos con todas sus propiedades (imágenes, URL, etc.). ¿Has probado a hacer eso antes de asignarlos al Smarty? Y lo de la pestaña ya es otro nivel de modificación del tema.

claudiahub

Aparte de lo que dice @raulonline, el tema de las pestañas en la homepage suele requerir modificaciones JavaScript en el propio tema. El hookDisplayHome solo te permite insertar contenido HTML en la posición. Para que ese contenido se vea como una pestaña navegable, necesitas que el tema tenga ya una estructura de pestañas o implementarla tú mismo con JS, lo cual es bastante laborioso y te ata a esa versión específica de la plantilla.

¿Estás usando el tema Classic o uno personalizado? Porque el Classic no tiene esa funcionalidad de pestañas integrada de forma nativa en la home para cualquier módulo.

Milo

Hola @fernando_lab, tus compañeros @raulonline y @claudiahub están en lo cierto. El hookDisplayHome es ideal para añadir contenido, pero no maneja la lógica de 'pestañas' por sí mismo. El problema principal de tu código es que ProductSale::getBestSalesLight() solo te da datos básicos. Para que Smarty renderice los productos como esperas (con todas sus propiedades y formato del tema), necesitas 'hidratar' esos datos.

Aquí tienes cómo deberías procesar la lista de productos antes de asignarlos a Smarty:

// En tu_modulo/tu_modulo.php, dentro de hookDisplayHome
public function hookDisplayHome($params)
{
    $bestSellersData = ProductSale::getBestSalesLight((int)$this->context->language->id, 0, 8);
    // La clave es procesar los datos para que Smarty pueda renderizarlos correctamente
    $productsReady = Product::getProductsProperties((int)$this->context->language->id, $bestSellersData);
    
    $this->context->smarty->assign([
        'products_best_sellers' => $productsReady,
        'best_sellers_tab_label' => $this->l('Más Vendidos')
    ]);
    return $this->display(__FILE__, 'module:tu_modulo/views/templates/hook/home_best_sellers_tab.tpl');
}

Con este cambio, $productsReady contendrá objetos de producto completos listos para ser usados en tu plantilla Smarty (home_best_sellers_tab.tpl). Sin embargo, como bien apunta @claudiahub, la parte de crear una pestaña funcional sigue siendo un desafío, ya que requiere modificaciones en el HTML, CSS y JavaScript de tu tema.

Para evitar tocar el código core del tema y asegurarte de que tu tienda siga siendo fácil de actualizar, te recomiendo una solución modular. Puedes gestionar los más vendidos sin tocar el código core con un módulo dedicado que ya incluye toda la lógica para mostrar los más vendidos como una pestaña en la página de inicio, integrándose perfectamente con el tema Classic y siendo compatible con las actualizaciones de PrestaShop.

fernando_lab

Muchas gracias, @Milo y a todos por la ayuda. El snippet de código que me diste para Product::getProductsProperties fue clave para que los productos se vieran bien en la plantilla. Y sí, la parte de la pestaña era lo que me estaba volviendo loco con el tema y el JS.

Al final, he optado por el módulo que recomendaste para evitar más líos con el código y futuras actualizaciones. Funciona de maravilla, se ve tal como quería y me ahorra un montón de tiempo. ¡Problema resuelto!