Como poner cantidad restante para envío gratis Prestashop

Modulo gratis y Hooks personalizados
Necesitas indicar que precio falta para que tu cliente tenga envío gratuito?

Aumenta tu tasa de conversión mostrando cuanto le quedaría para conseguir el Free Shipping a tus compradores de la tienda en Prestashop 1.7
Como mostrar cantidad restante para envío gratis Prestashop 1.7
Redactor:
Konstantin
Publicado
11/08/2022

Si estas aquí es porque estas buscando un modulo para mostrar la cantidad restante para envío gratis Prestashop en tu carrito o producto y que mejor que tenerlo gratis y explicado para explotar todo su potencial. Entiendo que es un modulo que has visto y que es de pago y buscas ahorrarte unos duros para hacerlo por ti mismo. Te enseño a instalar el modulo y configurar el hook personalizado por si necesitas colocarlo en sitios en concreto de tu tienda online.

Modulo para mostrar envío gratuito a partir de X

Lo primero que vamos a necesitar es el modulo para mostrar envío gratuito a partir de X precio modificado por mí, {webdesignerk.com} También te añado el modulo de Prestashop Hooks Manager de MyPresta que necesitarás para poder crear un gancho y añadir dicha información a cualquier parte de tu plantilla de Prestashop (Este ultimo es adicional si no te funciona el modulo después de instalarlo)

Empezamos instalando el Modulo para mostrar envío gratuito a partir de X precio

Voy a usarlo en Classic theme.

Supongo que ya instalaste el modulo y te debería de aparecer de la siguiente manera en el back office de tu Prestashop 1.7

Dentro del modulo tienes varias funciones integradas muy simples pero necesarias:

  • Indica la cantidad que necesitas agregar para el envío gratis en el carrito
  • Indica la cantidad restante dentro de la pagina de producto
  • Indica la cantidad a partir de la cual el usuario tendrá envío gratis (info para el modulo)
  • Añade texto adicional debajo del mensaje

Estas funciones son de las más importantes. Te recomiendo dejarlas como en la imagen. 

Importante para que el modulo muestre la cantidad restante para el Free Shipping

Para que el modulo funcione correctamente es importante que dentro del transportista tengas seleccionado el rango correcto y tengas activada la opción de

En teoría deberías de obtener la vista del modulo en los sitios que has seleccionado en la configuración. Tanto dentro del producto como en el carrito. Como en las imágenes de a continuación.

El modulo por defecto realiza la aparición en estos hooks. 

  • displayCartModalContent
  • displayReassurance
  • actionCartSummary
  • header

Pero y qué pasa si no me sale en mi plantilla?

En este caso entra el segundo modulo (Hooks Manager) que puse para descargar arriba. Lo que hace es crear nuevos ganchos donde asignamos el modulo y podemos mostrarlo donde queremos sin menor problema. 

Este modulo nos servirá para la función que estamos hablando como para otras opciones que queramos añadir a nuestra plantilla.

Cómo configurar el Hook manager en Prestashop?

Después de su instalación vamos a proceder a indicar el nombre del Hook con el que vamos a trabajar posteriormente. Si quieren también pueden añadir información adicional por si tienen muchos hooks y quieren diferenciarlo. En nuestro caso solo vamos a usarlo para indicar en la cesta la cantidad a agregar para envío gratis.

Después de añadir nuestro Hook del aviso importe para gastos envío gratis vamos a enlazar el modulo de “Cantidad restante para envío gratis Prestashop” con su posición. Podemos mostrarlo dentro de la plantilla añadiendo el siguiente código:

{hook h='MensajeEnvio'}

Pero antes vamos a añadir dicho Hook dentro del modulo

Debido a que por defecto no tiene todos los ganchos disponibles. Lo podemos ver yendo dentro del BO PS > Diseño > Posiciones y le damos a Insertar Modulo

Vemos que no tenemos más Hooks disponibles a parte de los que tenemos registrados por defecto en el modulo. Por lo que procedemos a añadir nuestro propio.

En el paso de: Cómo configurar el Hook manager en Prestashop. Creamos un hook nuevo con el nombre “MensajeEnvio” para enlazarlo dentro de nuestro modulo que muestra la cantidad que queda por abonar para conseguir el envío gratuito nos vamos al archivo de código siguiente:

CarpetaPS-1.7/modules/wdkfreedeliveryleft/wdkfreedeliveryleft.php

Añadimos hook personalizado dentro del código del módulo

Dentro del este archivo vamos a hacer 3 modificaciones. Recuerden que tienen que usar el mismo nombre del hook que crearon en HookManager.

En la public function __construct() en la linea 43 buscamos

$this->ps_versions_compliancy = array('min' => '1.7', 'max' => _PS_VERSION_);
$this->registerHook('displayReassurance');

Justo debajo vamos a añadir:

$this->registerHook('MensajeEnvio');

Nos quedaría algo así como en la imagen.

En public function install() linea 48

Entre los hooks que se instalan por defecto añadimos el nuestro tambien:

$this->registerHook('MensajeEnvio') &&

Quedaría como en la imagen

Finalmente en public function hookDisplayReassurance() linea 277 justo debajo cuando termina la función añadimos:

public function hookMensajeEnvio()
{
 if (Configuration::get('wdkfd_product_page') && Tools::getValue('controller') == 'product' ||
Configuration::get('wdkfd_product_cart') && Tools::getValue('controller') == 'cart') {
return $this->displayFreeDeliveryInfo();
}
}

Nos quedaría como en la imagen:

Finalmente vamos a guardar y ya estaría nuestro hook enganchado al modulo WDK Free Shipping Left

Mostrar modulo cantidad restante para envío gratis

Ya hemos terminado de añadir el hook personalizado para poder añadir el modulo de modulo del monto restante para envío gratis en cualquier lugar de nuestra plantilla. No se olviden de agregar el hook personalizado dentro del código de la misma claro esta.

{hook h='MensajeEnvio'}

Espero que a alguien le haya sido de ayuda y disfrutes de este modulo de aviso cuanto falta para que los gastos de envío sean gratuitos.