Editar plantilla sin que se pierdan los cambios en Prestashop 1.7

En este manual para Prestashop, vamos hacer cambios en un fichero *.tpl de la plantilla, sin tener que editar el fichero *.original.

En el directorio:

/themes/

Creamos un directorio llamado /modificaciones/

Directorio modificaciones

Dentro, vamos a crear:

  • config (un directorio con este nombre)
    Dentro del directorio config que hemos creado un fichero llamado:
    theme.yml

    theme.yml

    En este fichero, añadimos lo siguiente:

    parent: classic
    name: modificaciones
    display_name: Tema Hijo
    version: 6.6.6
    assets:
    use_parent_assets: true
    

    En parent -> indicamos que la plantilla padre es la classic, que es la plantilla por defecto de Prestashop 1.7
    En name -> Indicamos el nombre de la plantilla, que recordamos que en nuestro caso el directorio de la plantilla se llama “modificaciones”
    En display_name -> Nombre público de la plantilla
    En version -> Versión de la plantilla  (Nosotros hemos colocado 6.6.6, pero ustedes pueden colocar la numeración que quieran)
    use_parent_assets ->

  • preview.png -> imagen que se usa para mostrar la plantilla en el panel.

    Imagen previsualización plantilla en Prestashop

Por ejemplo, vamos a sobreescribir el fichero “/templates/catalog/product.tpl” de la plantilla classic” y ocultar la descripción corta de los productos en Prestashop 1.7

Creamos el siguiente fichero:

/themes/modificaciones/templates/catalog/product.tpl

Fichero que vamos a crear

Y al inicio del fichero, añadimos:

{extends file=’parent:catalog/product.tpl’}

Y después añadimos la siguiente línea:

{block name='product_description_short'}
{* <div id="product-description-short-{$product.id}" itemprop="description">{$product.description_short nofilter}</div> *}
{/block}

El código del fichero, quedara así:

{extends file='parent:catalog/product.tpl'}
{block name='product_description_short'}
{* <div id="product-description-short-{$product.id}" itemprop="description">{$product.description_short nofilter}</div> *}
{/block}
Sobreescribiendo

Sobreescribiendo

Depende editar el fichero: “/themes/classic/templates/catalog/product.tpl” hemos creado uno nuevo en la plantilla hijo y hemos llamado al fichero padre y hemos sobreescrito el bloque que muestra la descripción corta del producto y  hemos comentado la descripción corta.

Sigue leyendo

Cambiar tamaño del logo en Prestashop 1.7

Si en la pestaña Diseño -> Temas y logotipo, intentamos subir un logo, por ejemplo, del siguiente tamaño:

Elección del logo para Prestashop 1.7

Elección del logo para Prestashop 1.7

Subiendo logo en Prestashop 1.7

Vemos que reduce en exceso el tamaño del logo:

Logo muy pequeño en Prestashop 1.7

Logo muy pequeño en Prestashop 1.7

Una solución, es cambiar el tema de las rejillas (grid), vamos al fichero:

/themes/classic/templates/_partials/header.tpl

Y aquí:

<div class="col-md-2 hidden-sm-down" id="_desktop_logo">

El valor “2” col-md lo vamos a variar.
(Para saber cómo funciona el tema de las rejillas, os invito a visitar esta guía: http://librosweb.es/libro/bootstrap_3/capitulo_2/tipos_de_rejillas.html )

En nuestro caso lo hemos cambiado a “6“.

Dejándolo así:

<div class="col-md-6 hidden-sm-down" id="_desktop_logo">

El problema ahora es que el logo se ve mejor, pero el menú horizontal y el buscador ha bajado de golpe y ya no está a la misma altura que el logo…..

El logo ha bajado el menú horizontal y el buscador en Prestashop 1.7

Para solucionar esto, nos vamos al mismo fichero, buscamos esta línea de código:

<div class="col-md-10 col-sm-12 position-static">
<div class="row">
{hook h='displayTop'}
<div class="clearfix"></div>
</div>
</div>

Y vamos a cambiar el: “col-md-10” en nuestro caso por “col-md-6”, dejándolo así:

<div class="col-md-6 col-sm-12 position-static">
<div class="row">
{hook h='displayTop'}
<div class="clearfix"></div>
</div>
</div>

Finalmente, veremos el bloque del logo, menú y buscador de la siguiente forma:

Logo normal en Prestashop 1.7

Logo normal en Prestashop 1.7

Pues si reducimos el navegador, vemos que se ve bien hasta cierto punto…

Logo pequeño en resolución pequeña en Prestashop 1.7

Logo pequeño en resolución pequeña en Prestashop 1.7

¿Cómo podemos hacer un apaño para que cuando la web en resolución mínima no quede mal el logo (en nuestro caso particular)?

Añadimos en nuestro caso en el fichero /themes/classic/assets/css/custom.css 

La siguiente instrucción:

@media (max-width: 767px) {
#header .header-nav .top-logo a img {
max-height: 200px;
}
#header .header-nav {
max-height: 225px;
}
}

La imagen del logo en el CSS (en el theme.css) tiene una altura máxima establecida de 50px nosotros se la cambiamos a 200px.

El bloque que engloba al logo y a los otros elementos cuando la resolución es menor tiene una altura máxima de 50px nosotros se la cambiamos a 225px.

Por supuesto estos cambios solo se aplican en el @media (max-width: 767px) que hemos indicado, aunque con un poco de ingenio podríamos hacerlo para distintas resoluciones con el @media, pero bueno eso ya lo dejo a vosotros.

Evidentemente ha sido un pasaje muy rápido, por lo que es posible que tengáis que hacer más cambios. (De todos modos, tener en cuenta que esto ha sido para Prestashop 1.7.1.1, por lo que quizás en futuras variantes de la 1.7.X.X sea diferente)

Por cierto, si vosotros usáis inspeccionar elemento u firebug, veréis que hace referencia al theme.css, pero para no tocar el css original, simplemente hacemos una sobreescritura de los valores que necesitamos en el fichero custom.css

Por cierto, ¿recordáis que también hicimos unas guías, por si queremos cambiar el logo de ubicación o si queremos eliminar el logo de la cabecera?

Ah se me olvidaba, recordar:

  1. Limpiar cache en la pestaña Parámetros Avanzados -> Rendimiento

    Limpiar cache en Prestashop 1.7

  2. Si los cambios del CSS no los ves, limpia la cache de tu navegador.

Documento construido bajo Prestashop 1.7.1.1

Adjuntar ficheros en el formulario de registro en Prestashop

Permitir que el usuario pueda enviar un fichero en el formulario de registro en Prestashop

El módulo permite que el usuario que se registre en la tienda pueda enviar en ese momento un documento para poder recibirlo nosotros.

Esta desarrollado por Hennes Hervé al igual que el módulo que permitía asignar automaticamente grupos en base a condiciones del registro de clientes.

La instalación y subida del módulo, sin problemas, desde la pestaña módulos -> módulos.

Instalando módulo que nos permitirá que el cliente en el momento de registrarse pueda enviar un documento

El módulo, no tiene ninguna opción de configuración en el panel.

Analizamos varias partes del código del módulo:

En el fichero:

modules/hhregistration/hhregistration.php

Vemos que tenemos un atributo privado de la clase del módulo llamado: _registration_allowed_extensions con este contenido:

array('pdf','doc','docx','jpg','png','gif','txt');

Esta son las extensiones de los ficheros que están permitidos subir, podemos añadir nuevas, o cambiarlas.

También, vemos que tenemos otro atributo privado de la clase llamado $_upload_dir ques donde indicamos el directorio donde se guardaran los ficheros que sube el cliente en el formulario de registro. En nuestro caso particular tiene asignado el directorio “files” que tenemos dentro del módulo.

Vemos que el módulo se registra en dos hooks (lo podemos ver dentro de la función install() )

  • displayCustomerAccountForm -> Muestra el campo nuevo en el formulario del registro (el hook esta disponible en el formulario de registro, por eso el dato que vamos añadir en este hook se vera luego en el formulario de registro)
  • actionCustomerAccountAdd -> Se ejecuta automáticamente cuando el usuario crea una cuenta en la tienda.

¿Qué contenido tiene la función del hook -> actionCustomerAccountAdd en nuestro caso particular?

Lo que hacemos es recoger el fichero que enviamos en el formulario de registro y guardarlo en el directorio “files” que esta dentro del mismo directorio del módulo.

¿Qué contiene tiene la función del hook -> displayCustomerAccountForm en nuestro caso particular?

Tiene simplemente el return al tpl que tiene el nuevo campo del fichero que luego aparecerá en el formulario del registro.

return $this->display(__FILE__, 'hookDisplayCustomerAccountForm.tpl');
  • ¿Qué contiene el fichero: hookDisplayCustomerAccountForm.tpl?
  • <div class="form-group">
    <label for="file-input">{l s='Justificatif Professionnel' mod='hhregistration'}</label>
    <input type="file" name="file_input" />
    </div>
    

    Simplemente contiene el campo “nuevo”  que se mostrara en el formulario del registro.

Ahora se muestra ya el nuevo campo en el formulario de registro, pero os falta el detalle de cambiar en el fichero:

/themes/default-bootstrap/authentication.tpl

Esta línea:

<form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="account-creation_form" class="std box">

por

</form><form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="account-creation_form" class="std box" enctype="multipart/form-data">

Hemos “añadido” en el form la siguiente instrucción: enctype=”multipart/form-data” para permitir que el formulario pueda enviar ficheros.

Recordar que los ficheros que el usuario enviar al registrarse en la tienda se guardan en el directorio: “modules/hhregistration/files/

¿Dónde puedo descargar el módulo actualizado que añade un campo nuevo en el formulario de registro que permite al usuario que se registra en tu tienda enviar un fichero y estar al tanto de las novedades de ese módulo?

  • https://github.com/nenes25/prestashop_hhregistration/
  • http://www.h-hennes.fr/blog/2016/02/18/prestashop-envoyer-des-fichiers-lors-de-la-creation-du-compte-client/

Evidentemente en la versión actual del módulo no estamos comprobando el cliente que ha enviado el fichero, al menos en la versión actual del módulo, el módulo simplemente podríamos decir que sirve para probarlo y testear el funcionamiento de los dos hooks que usa el módulo

Sigue leyendo

Añadir ficheros CSS y JavaScript en Prestashop

En esta ocasión, vamos hablar de un aporte desarrollado por el usuario Tuni-Soft de la Comunidad de Prestashop, que nos permite cargar nuestros propios ficheros *.css y *.js para luego cargarlos tanto en la tienda como en el mismo panel de administración.

La instalación y subida del módulo, sin problemas, desde la pestaña módulos -> módulos

El módulo, no ofrece ninguna configuración adicional y funciona de la siguiente forma:

En el directorio del módulo:

/modules/medialoader/

No debemos fijar en las siguientes 4 carpetas:

Carpeta para cargar nuestros CSS Y JS en Prestashop mediante un módulo

  • css -> Aquí metemos los ficheros CSS que luego cargaran en la tienda
  • js -> Aquí metemos los ficheros JS que luego cargaran en la tienda
  • bo_css -> Aquí metemos los ficheros CSS que cargaran en el panel de administración de tu tienda
  • bo_js -> Aquí metemos los ficheros JS que cargaran en el panel de administración de tu tienda

A nivel de código el módulo simplemente se instala en dos “hooks” en el displayHeader (hook donde cargan JS y CSS en el front-office) y en el displayBackOfficeHeader (hook donde cargan los JS y CSS en el back-office (panel)) y luego dentro de la función de los hooks, lo que hace es buscar dentro de los directorios que hemos comentado anteriormente y hacer uso de la función addCSS (para añadir los CSS) y de la función addJSS (para añadir los JS). (Si tenéis interés revisar el fichero medialoader.php)

¿Dónde puedo descargar este aporte para poder cargar mis ficheros JS y CSS en Prestashop?

https://www.prestashop.com/forums/topic/386184-free-medialoader-module-load-your-js-and-css-files-easily/

Por cierto, ¿Recordáis que también podíamos usar contentbox para cargar nuestros ficheros JS y CSS en la sección “Load Files on HTML Header ?

Sigue leyendo

Programar copias de seguridad de la base de datos en Prestashop

Como bien sabemos muchos, podemos hacer copias de seguridad de la base de datos de forma manual, desde el panel de administración en la pestaña Parámetros Avanzados -> Copia BD

¿Pero como podemos programar estas copias de seguridad de la base de datos en Prestashop para que sean automáticas?

Disponemos de un aporte desarrollado por el usuario Captain FLAM de la Comunidad de Prestashop

El aporte, es un fichero denominado “cron_database_backup.php” con el siguiente contenido:

<?php
if (!defined('_PS_ADMIN_DIR_')) {
define('_PS_ADMIN_DIR_', getcwd());
}
include(_PS_ADMIN_DIR_.'/../config/config.inc.php');
include(_PS_ADMIN_DIR_.'/../classes/PrestaShopBackup.php');
if (isset($_GET['secure_key'])) {
$secureKey = md5(_COOKIE_KEY_.Configuration::get('PS_SHOP_NAME'));
 if (!empty($secureKey) && $secureKey === $_GET['secure_key']) {
$shop_ids = Shop::getCompleteListOfShopsID();
foreach ($shop_ids as $shop_id) {
Shop::setContext(Shop::CONTEXT_SHOP, (int)$shop_id);
$back = new PrestaShopBackup();
$back->add();
}
}
}

Si nos ponemos a analizar el código, aquí la clave es el siguiente código:

$back = new PrestaShopBackup();
$back->add();

Creamos un objeto de la clase PrestaShopBackup y ejecutamos la función “add” de dicha clase, de esta manera generamos una copia de seguridad.El fichero “cron_database_backup.php” lo guardamos en el directorio (carpeta) de administración de tu tienda, es decir si accedes al panel de tu tienda con la siguiente dirección:

http://victor-rodenas.com/administración/ 

Lo guardamos dentro de la carpeta /administración/

Por últimos nos falta añadir la siguiente URL al Cron:

http://victor-rodenas.com/administración/cron_database_backup.php?secure_key=CLAVE

En referencia a la CLAVE, por ejemplo, si nos vamos al panel de administración en la pestaña Localización -> Monedas, podemos obtenerla de otra URL que tengamos.

El siguiente paso, es pegar nuestra dirección:

http://victor-rodenas.com/administración/cron_database_backup.php?secure_key=CLAVE 

en la pestaña módulos -> módulos dentro de la configuración del módulo  “Gestor de tareas cron (cronjobs)

Accediendo a la configuración del módulo para automatizar tareas en Prestashop

Y en su configuración, añadimos la dirección que hemos comentado:

Añadiendo regla a CRON en Prestashop

¿Dónde puedo descargar el aporte, preguntar dudas y ver los posibles errores?

  • https://www.prestashop.com/forums/topic/613661-sauvegarde-automatique-de-la-base-de-donn%C3%A9es-avec-le-module-cron/
  • https://www.prestashop.com/forums/topic/613659-auto-database-backup-with-cron-module/

Documento realizado bajo Prestashop 1.6.1.14 y la versión “0.0” del aporte.

Asociar grupo en base al registro de clientes en Prestashop

En esta ocasión, vamos hablar de un módulo desarrollado por Hennes Hervé.

El módulo permite que cuando el usuario se registre en tu tienda, automáticamente se le asocie un grupo de cliente en base a las condiciones que hayamos establecido en la misma configuración del módulo.

Por ejemplo, podemos tener grupo de Mujeres y grupo de Hombres, entonces cuando el cliente se registra y señala por ejemplo que es un “Hombre”, automáticamente queda asignado al grupo de hombres.

Hemos hablado de una condicional, pero se puede hacer en base al resto de datos del registro del cliente, incluyendo los datos de la dirección como el mismo país, provincia, etc…

El review lo vamos a realizar bajo Prestashop 1.6

La instalación del módulo, sin problemas, desde la pestaña módulos > módulos

Instalando módulo que nos permitirá una asociación automática de los grupos a los usuarios que se registren en la tienda en base a unos determinados criterios

Instalando módulo que nos permitirá una asociación automática de los grupos a los usuarios que se registren en la tienda en base a unos determinados criterios

Para poder configurar el módulo, tenemos que ir a la nueva pestaña que el módulo nos ha creado dentro de la pestaña Clientes, llamada “Customers Auto groups”

Accediendo a la configuración del módulo desde la pestaña Clientes

Una vez accedemos a la configuración del módulo, podemos añadir nuestras reglas, modificar las que vayamos a crear o eliminarlas.

Creando una nueva regla en la configuración del módulo

Creando una nueva regla en la configuración del módulo

Si pulsamos en “+”, veremos las opciones que nos permite a la hora de crear la nueva regla.

Primer bloque de configuración

Primer bloque de configuración

  • name -> Nombre de la regla
  • description -> descripción de la regla
Segundo bloque de configuración

Segundo bloque de configuración

  • Condition Type -> La condición se aplica sobre los datos básicos del registro (customer) o sobre los datos de la dirección del cliente (address)

    Tipo de condición a la hora de asignar el grupo al Cliente

    Tipo de condición a la hora de asignar el grupo al Cliente

  • Condition Field -> Seleccionamos el campo de los datos básicos del registro o de la dirección (dependiendo lo que hayamos seleccionado en “Condition Type”) para hacer la condición de la asociación del grupo en base a este campo.
  • Condition Operator -> Disponemos de varios operadores, por ejemplo si el campo “id_gender (genero del cliente)” es igual al ID 1 que corresponde al genero Mujer (Sra.) usaremos “=”. (Disponemos de varios operadores según como vayamos a realizar la comparación)

    Operador de la condición

    Operador de la condición

  • Customer Group-> Elegimos a que grupo quedara asignado este cliente. (Los grupos que aparecen aquí son los que vienen en la pestaña Clientes -> Grupos)

    Grupo de Clientes

    Grupo de Clientes

Tercer bloque de configuración

Tercer bloque de configuración

  • Priority -> Prioridad de la regla sobre otras que tengamos creadas
  • Active -> Esta opción es para indicar si la regla está activa o no lo está.
  • Stop processing further rules -> Si activamos esta “opción”; significa que la actual regla sera la última que se vaya aplicar al cliente en el registro.
  • Delete all others groups -> Dejar al cliente solo en el “Grupo” que le hemos asignado en la condición. (Opción dependiente también de la opción  “Stop processing further rules”)

Decir, que por supuesto se pueden jugar con varias reglas a la hora de asignar clientes a grupos en el registro.

¿Dónde puedo ver información sobre las actualizaciones del módulo, descargar la última versión y ver si funciona en Prestashop 1.7?

  • https://github.com/nenes25/prestashop_customerautogroups
  • http://www.h-hennes.fr/blog/2015/11/10/prestashop-ajouter-automatiquement-les-clients-a-un-groupe-lors-de-linscription/

(El módulo tiene una versión “beta” que funciona en Prestashop 1.7, revisar los enlaces que os he pasado)

Documento realizado bajo Prestashop 1.6.1.14 y la versión “0.4.0” del módulo.

Localizar rutas y nombres de ficheros de módulos en Prestashop

¿Os acordáis del módulo que nos permitía conocer la información de los módulos, como por ejemplo la ruta de los ficheros?

En esta ocasión, vamos hablar y poner un ejemplo, de cómo hacerlo (más simplificado) a nivel de código. (El módulo que estuvimos comentando el otro día es más completo)

El usuario Nemo de la Comunidad de Prestashop, nos proporciona un pequeño truco en un videotutorial en el idioma de Shakespeare que hemos pasado de forma transcrita al idioma de Cervantes.

Vamos a tocar clases originales, pero recordar que lo recomendable es siempre hacer un Override.

Editamos el fichero:

/classes/module/Module.php

Dentro de la función “display” ->  public function display($file, $template, $cache_id = null, $compile_id = null)

Y encima de:

return $result;

Añadimos el siguiente código:

if ($result && _PS_MODE_DEV_ === true) {
$tpl_path = $this->getTemplatePath($template);
$result = '<!-- INICIO ' .$tpl_path. ' -->'. $result. '<!-- FINAL'. $tpl_path.' -->';
}

Debug ficheros TPL de los módulos en Prestashop

Con esta línea:

if ($result && _PS_MODE_DEV_ === true)

Solo mostraremos esta información, si hemos habilitado el debug en Prestashop y si hemos obtenido un resultado.Recordar que para hablitar el debug en Prestashop 1.6, es en: /config/defines.inc.php cambiando el valor “false” de define(‘_PS_MODE_DEV_’, false); por “true“.

En esta línea:
$tpl_path = $this->getTemplatePath($template);

Obtenemos la ruta del fichero “*.tpl”.

En esta línea:

$result = '<!-- INICIO ' .$tpl_path. ' -->'. $result. '<!-- FINAL'. $tpl_path.' -->';

Guardamos resultado en la variable $result que se va usando a lo largo de la misma función y que retorna la función.

Ahora veremos que en el código fuente de la tienda, podemos localizar fácilmente los ficheros “.tpl” de los módulos. (En esta ocasión estamos viéndolo desde Inspeccionar Elemento en Chrome (Botón derecho ratón -> Inspeccionar elemento)

Documento construido bajo Prestashop 1.6.1.14

En Prestashop 1.7, directamente (y sin necesidad de modificar código) si habilitamos el modo depurador (modo debug) desde la pestaña Parámetros Avanzados -> Rendimiento 

Habilitar modo depuración en Prestashop 1.7

Habilitar modo depuración en Prestashop 1.7

Desde el mismo código fuente nos salta la ruta de los “tpls” de los módulos…

Ficheros TPL de los módulos en Prestashop 1.7

Prestashop 1.6.1.14 disponible para descargar

Prestashop acaba de publicar hoy (5 de junio del 2017) la versión 1.6.1.14, donde se han corregido mas de 15 errores respecto a su versión anterior.

Errores corregidos en Prestashop 1.6.1.14: Log de cambios

  • Back Office:
    • Bug fix:
      • #4803: Pipes in product names in autocomplete
      • #7908: Fix taxes in credit slip
      • #7806: Fix the refresh button of the stats bloc in the products list
      • #7821: Add API_KEY field to display the map
      • #7622: Set correct value on load to display the right tab
      • #7722: Translation of return merchandise fields
      • #7764: Fix html interpreted as text in carrier’s wizard summary
      • #7755: Fix non well formed numeric value
      • #7765: Fix error in HelperOptions
  • Front Office:
    • Bug fix:
      • #5739: Fix popover with multiple wishlists
      • #7673: Shipping cost indication wrong
      • #7350: Fix 404 bug when query string contains a LF
      • #7758: Fix manufacturer pagination
      • #7798: Fix JS error “Uncaught ReferenceError”
  • Core:
    • Bug fix:
      • #7814: Increase carrier delay length
      • #7917: Send Http 500 error code when we can’t connect to the database instead of a 200 code
      • #7913: Send Http 500 error code when we can’t connect to the database instead of a 200 code
      • #6080: make OrderInvoice overridable
    • Localization
      • Bug fix:
        • #7819: Replace EN (US) by EN (UK) in UK localization pack

Descargar Prestashop 1.6.1.14

Otras versiones de Prestashop: https://www.prestashop.com/es/versiones-anteriores

Suscripciones cuando el producto cambia de precio en Prestashop

En esta ocasión, contamos con un módulo desarrollado por el usuario DataKick de la Comunidad de Prestashop.

Este módulo gratuito permite a los clientes una especie de suscripción a los productos para que cuando los precios varíen, puedan recibir una notificación de este dato y estar al tanto de si el precio del producto ha variado.

El módulo es válido tanto para productos básicos, como productos con combinaciones y por supuesto podemos personalizar el email que lleva el módulo a nuestro gusto.

La instalación del módulo, sin problemas desde la pestaña módulos -> módulos

Instalación módulo suscripción de la variación de los precios en Prestashop

¿Cómo funciona el módulo?

Vamos a la ficha de un producto cualquiera, y veremos ahora una opción nueva llamada: -> “Alert me when price drops” debajo del bloque de Añadir al carrito.

Botón suscripción al producto en Prestashop

Al pinchar en el botón, se nos abrirá un popup:

Configuración suscripción precio producto en Prestashop

Podemos elegir a partir de cuándo se activa la alerta, es decir cuando el precio baja de XX Euros, que nos envié una alerta.

Configurando alerta a partir de la baja de X precio en Prestashop

Si el producto tiene combinaciones, como es este ejemplo podemos crear alertas por el precio en base a las combinaciones.

Combinaciones Precio Productos alertas

Y finalmente, tenemos el botón para “crear las alertas”

Botón crear alerta para los precios en Prestashop

Si no estamos registrados y pulsamos en el botón de “Crear la alerta”, nos permite colocar un “email”.

Email alerta precio en Prestashop

Y si estamos registrados usara el email del cliente.

El cliente recibirá el siguiente email:

Email suscripción variación del precio

Por cierto, en la actual versión del módulo en la carpeta “mails” del módulo en “modules/pricealert/mails/” solo viene el directorio “en”, duplicar ese directorio, y al duplicado cambiarle el nombre a “es”.

Después ya en la pestaña Localización -> Traducciones -> Modificar Traducciones -> Traducciones de los Emails, ya podéis cambiarlo y “traducirlo realmente” al Español.

Por otro lado y para finalizar esta minireseña, las suscripciones se guardan en la tabla: ps_ph_pricealert de la base de datos.

¿Dónde puedo descargar este módulo, preguntas dudas y obtener soporte?

https://www.prestashop.com/forums/topic/612554-free-module-pricealert-follow-the-price/

Documento realizado bajo la versión 1.6.1.13 de Prestashop y la versión “1.0.1” del módulo.

Botón Whatsapp en Prestashop 1.7

Si hablamos del código del botón del Whatsapp, decir que lo podemos insertar directamente con módulos como el contentbox / htmlbox que si recordamos en la comparativa que hicimos en su momento permitían insertar codigo html, javascript, css, etc.. en Prestashop de forma sencilla.

Realmente el código que nos proporciona Whatsapp es el siguiente:

https://api.whatsapp.com/send?l=es&phone=NumerodeTelefono

Con un poco de ingenio, podemos hacer un enlace con un botón y situarlo en la parte inferior de forma flotante en Prestashop con alguno de los dos módulos que he dicho.

Pero bueno, como ya disponemos de un módulo desarrollado por el usuario bera_ramazan de la Comunidad de Prestashop, pues podemos usar ya el módulo que viene preparado con opción a configurar el teléfono en una casilla desde el panel y con el icono en la tienda.

La instalación del módulo, sin complicaciones, desde la pestaña módulos -> módulos

¿Qué opciones de configuración nos ofrece el módulo?

Whatsapp en Prestashop

Whatsapp en Prestashop

Simplemente, nos muestra una casilla para introducir nuestro teléfono.

Configuración módulo Whatsapp en Prestashop

¿Cómo se ve el módulo en nuestra tienda?

Botón Whatsapp en Prestashop

¿Dónde se puede descargar el módulo actualizado, preguntar dudas y obtener soporte?

https://www.prestashop.com/forums/topic/613462-free-module-whatsapp-chat-module/

Documento realizado bajo Prestashop 1.6.1.13 / 1.7.1.1 y la versión “1.0.0” del módulo.