Mover bloques de producto sobre 'Añadir al carrito'

joaquines

Hola a todos,

Estoy con PrestaShop 9.0.3 y el tema Hummingbird. Mi problema es que quiero mover el bloque de reaseguro del cliente (ps_customerreassurance) y quizás el de compartir en redes sociales para que aparezcan antes del botón de 'Añadir al carrito' en la página de producto. He intentado usar la opción de Diseño -> Posiciones en el Back Office para trasplantar el módulo de displayProductAdditionalInfo a displayProductActions o displayProductPriceBlock, pero simplemente no funciona. O el bloque no se muestra o sigue apareciendo en su posición original, que es después del botón.

Pensando que era un tema de registro de hook, intenté modificar el método install() de un módulo de prueba para forzar el registro en un hook anterior. Aquí está mi intento:

// Dentro del método install() de mi módulo custom
public function install()
{
    if (!parent::install()) {
        return false;
    }
    // Intenté desenganchar de displayProductAdditionalInfo
    $this->unregisterHook('displayProductAdditionalInfo');
    // E enganchar a displayProductActions para que aparezca antes
    $this->registerHook('displayProductActions');

¿Alguien sabe por qué no consigo que esto funcione? ¿Hay algo que se me escapa con el tema Hummingbird o la lógica de hooks en PS 9?

gonzalosevilla

@joaquines, entiendo tu frustración. Con Hummingbird y PS9, a veces las posiciones de los hooks son un poco engañosas. El problema no siempre es que el módulo no se enganche, sino dónde el propio tema Hummingbird decide renderizar ese hook en su plantilla product.tpl o _partials/product-details.tpl.

displayProductAdditionalInfo a menudo se llama después del bloque de acciones de compra en el HTML. displayProductActions podría ser una buena opción, pero el módulo de reaseguro podría no estar diseñado para ese hook. ¿Has comprobado si el módulo ps_customerreassurance tiene un método hookDisplayProductActions implementado? Si no lo tiene, registrarlo ahí no hará nada.

También es importante saber si estás usando un tema hijo. Si no, cualquier cambio directo en las plantillas del tema principal se perderá con las actualizaciones.

alba_bici

Lo que dice @gonzalosevilla es clave. Es un clásico de PrestaShop: el hook existe, el módulo se engancha, pero el tema lo imprime donde le parece bien. El ps_customerreassurance por ejemplo, tiene su propio hook displayCustomerReassurance que se llama dentro de displayProductAdditionalInfo.

Para moverlo arriba del botón, la solución más limpia suele ser una sobrescritura de plantilla en tu tema hijo. Tienes que buscar dónde se llama displayProductAdditionalInfo en product.tpl o _partials/product-details.tpl y mover esa llamada, o directamente la llamada al hook específico del módulo (displayCustomerReassurance), a una posición más alta en el HTML.

¿Has limpiado la caché de Smarty después de tus cambios de hook? A veces, aunque raro con install(), puede influir.

Milo

Hola @joaquines,

Los compañeros @gonzalosevilla y @alba_bici han dado en el clavo. En PrestaShop 9 con el tema Hummingbird, la flexibilidad de 'Diseño -> Posiciones' tiene un límite cuando la estructura del template prioriza ciertos bloques. El módulo ps_customerreassurance utiliza el hook displayCustomerReassurance, el cual, a su vez, suele ser llamado dentro del displayProductAdditionalInfo en el _partials/product-details.tpl del tema Hummingbird, y esa posición es generalmente después del formulario de añadir al carrito.

Tu intento de registrar el módulo a displayProductActions es correcto en teoría, pero como mencionó @gonzalosevilla, si el módulo no tiene un método hookDisplayProductActions() implementado, no se ejecutará nada. La solución más robusta y que te da control total sobre la posición es mediante una sobrescritura de plantilla en un tema hijo.

Para mover el bloque de reaseguro (o cualquier otro módulo enganchado a displayCustomerReassurance o displayProductAdditionalInfo) por encima del botón 'Añadir al carrito', necesitas editar el archivo themes/hummingbird/templates/catalog/_partials/product-details.tpl (o el product.tpl principal si lo llamas desde ahí) en tu tema hijo.

Aquí te muestro cómo podrías hacerlo. Crea un archivo product-details.tpl en themes/tu_tema_hijo/templates/catalog/_partials/ y pega este código. Esto moverá el hook displayCustomerReassurance antes de las acciones de compra:

{extends 'catalog/_partials/product-details.tpl'}
{block name='product_buy_actions' append}
    {* Este bloque se renderiza al final de product_details.tpl. *} 
    {* Para colocarlo ANTES del botón de añadir al carrito, hay que sobrescribir *} 
    {* el bloque 'product_buy_actions' y mover la llamada al hook. *}
    {* Primero, asegúrate de desenganchar el módulo de 'displayProductAdditionalInfo' *} 
    {* en 'Diseño -> Posiciones' para evitar duplicados. *}/
    {* A continuación, insertamos el hook displayCustomerReassurance (o displayProductAdditionalInfo) *} 
    {* justo antes del contenido original de 'product_buy_actions' *}/
    {block name='customer_reassurance_before_buy'}

Después de guardar el archivo, asegúrate de limpiar la caché de Smarty en 'Parámetros avanzados -> Rendimiento'. Esto debería darte la posición deseada.

joaquines

¡Increíble, @Milo! Esa explicación tiene todo el sentido del mundo. No había caído en que el problema no era que el módulo no se enganchara, sino cómo el tema lo imprimía en su plantilla. He seguido tus instrucciones, he creado la sobrescritura del product-details.tpl en mi tema hijo, y he movido el hook h='displayCustomerReassurance' justo antes de {$smarty.block.parent} dentro del bloque product_buy_actions.

¡Y funciona! El bloque de reaseguro ahora aparece exactamente donde quería, por encima del botón de añadir al carrito. Y sí, desenganché el módulo de la posición antigua en el BO como sugeriste.

¡Muchísimas gracias a ti y a los compañeros @gonzalosevilla y @alba_bici por la ayuda! Esto me ha salvado unas cuantas horas de dolores de cabeza.