Ocultar método de pago a un producto en Prestashop

En esta guía, vamos a ocultar el método de pago de transferencia bancaria en Prestashop a un producto que se llama “Chorizos de Alcantarilla”.

En este ejemplo, vamos a editar a manorra (pero recordar que lo ideal es hacer un override de la clase del módulo):

Dentro del fichero: modules/bankwire/bankwire.php y dentro de la función del hook -> hookPayment

Recogemos los productos del carrito, comprobamos el ID de un producto en concreto coincide con el que queremos ocultar ese método de pago para ese producto  y dejamos de mostrar el método de pago en Prestashop para el producto “Chorizos de Alcantarilla”:

La función del hookPayment por defecto esta así en el módulo de transferencia bancaria.

public function hookPayment($params)
{
if (!$this->active)
return;
if (!$this->checkCurrency($params['cart']))
return;
$this->smarty->assign(array(
'this_path' => $this->_path,
'this_path_bw' => $this->_path,
'this_path_ssl' => Tools::getShopDomainSsl(true, true).__PS_BASE_URI__.'modules/'.$this->name.'/'
));
return $this->display(__FILE__, 'payment.tpl');
}

Dentro vamos añadir, la siguiente línea:

$products = $this->context->cart->getProducts();

Para obtener los productos del carrito.

Y para recorrer los productos del carrito, usaremos (un foreach), si alguno de los productos del carrito coincide con el ID del producto que hemos puesto en la comparación, no retornamos nada, y por tanto no se muestra el método de pago del módulo de transferencia bancaria.

if($products)
{
foreach ($products as $productos) {
if ($productos['id_product'] == 'X')
{
return;
}
}
}

Recordar que donde he puesto ‘X’, vosotros tenéis que colocar el ID del producto a ocultar

La función quedaría así:

public function hookPayment($params)
{
$products = $this->context->cart->getProducts();
if($products)
{
foreach ($products as $productos) {
if ($productos['id_product'] == 2)
{
return;
}
}
}
if (!$this->active)
return;
if (!$this->checkCurrency($params['cart']))
return;
$this->smarty->assign(array(
'this_path' => $this->_path,
'this_path_bw' => $this->_path,
'this_path_ssl' => Tools::getShopDomainSsl(true, true).__PS_BASE_URI__.'modules/'.$this->name.'/'
));
return $this->display(__FILE__, 'payment.tpl');
}
Código para ocultar método de pago por producto en Prestashop

Recordar que lo ideal es hacer un override de la clase del módulo. ¿Cómo se hace un override de la clase de un módulo?

Documento testeado en PrestaShop 1.6.1.14

Print Friendly, PDF & Email

Formulario de contacto en los contenidos en Prestashop 1.7

Gracias al nuevo sistema de widget que nos ofrece Prestashop 1.7, podemos mostrar el formulario de contacto que trae por defecto Prestashop 1.7 en las páginas de contenidos que tengamos en la pestaña Diseño -> Páginas 

La instrucción clave es la siguiente:

{widget name="contactform"}

Si queremos mostrar el formulario de contacto en las páginas de contenidos, editamos el fichero:

/themes/classic/templates/cms/page.tpl

Y añadimos la instrucción del widget, por ejemplo debajo de:

{$cms.content nofilter}

De esta manera se mostrara debajo de los contenidos.  ($cms.content imprime el contenido (campo contenido/descripción) de las páginas que hemos metido en la pestaña Diseño -> Páginas en los CMS)

En definitiva, lo dejaríamos así:

{$cms.content nofilter}
{widget name="contactform"}

¿Cómo podemos limitarlo para que solo se muestre en una de las páginas de contenidos y no en todas?

Tenemos varias opciones, una de ellas es hacer una comparación el ID del CMS donde estamos situados.

Dejándolo el código del widget así:

{if $cms.id == "X" }
{widget name="contactform"}
{/if}

En X, colocamos el ID del CMS (Contenido) que hemos creado en la pestaña Diseño -> Páginas.

ID CMS

En nuestro ejemplo, vamos a colocar el ID 3, dejándolo así:

{if $cms.id == "3" }
{widget name="contactform"}
{/if}
Widget formulario de contacto en Prestashop 1.7

Documento construido bajo Prestashop 1.7.1.2

Por último y no menos importante, recordar limpiar la cache en la pestaña Parámetros Avanzados -> Rendimiento

Borrar cache Prestashop 1.7

Y ahora dejo una pregunta abierta, ¿Podremos hacer esto en futuras variantes de PrestaShop 1.7, sin necesidad de tocar código?

Print Friendly, PDF & Email

Añadir aviso en el pie de página de Prestashop

Este módulo, me lo encontré hace bastantes años por la Comunidad, creo que por el 2013, pero se ha terminado actualizando con el tiempo. (No confundir con el módulo de las Cookies)

El módulo está desarrollado por el usuario Vekia de la Comunidad de Prestashop.

El módulo, simplemente muestra un aviso en la parte inferior de la tienda en el que podemos configurar un texto adicional. (Si subimos el scroll hacia arriba o hacia abajo, veremos que podemos ver el aviso en todo momento)

Aviso del pie de página en Prestashop

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

Instalando módulo en Prestashop para mostrar un aviso informativo en Prestashop

Las opciones de configuración que nos trae el módulo con las siguientes:

  • Mensaje -> Mensaje que se mostrara en el aviso.

    Mensaje de aviso
  • Sidebar height -> Altura del bloque.
  • Sidebar background color -> Fondo del bloque

    Fondo Bloque
  • Sidebar border size -> Borde del bloque

¿Dónde puedo descargar este módulo, discutir los problemas y preguntas las dudas?

Continúa leyendo Añadir aviso en el pie de página de Prestashop

Print Friendly, PDF & Email

Extensión de archivo incorrecta en Prestashop 1.7

A finales del año pasado, estuvimos comentando brevemente la sección de contacto en Prestashop 1.7.

En esta ocasión, vamos a hablar, por ejemplo, de que ocurre cuando un cliente sube un documento con extensión *.odt. en el formulario de contacto.

Simplemente, nos saldrá un error que dice “Extensión de archivo incorrecta“.

Extensión de archivo incorrecta en el formulario de contacto en Prestashop 1.7
Extensión de archivo incorrecta en el formulario de contacto en Prestashop 1.7

Si vamos al fichero:

/modules/contactform/contactform.php

Veremos que dentro de la función “public function sendMessage()” tenemos la siguiente línea de código:

$extension = array('.txt', '.rtf', '.doc', '.docx', '.pdf', '.zip', '.png', '.jpeg', '.gif', '.jpg');

Para añadir la extensión “.odt“, podríamos añadirla dentro del array

$extension = array('.txt', '.rtf', '.doc', '.docx', '.pdf', '.zip', '.png', '.jpeg', '.gif', '.jpg', '.odt');
Añadida nueva extensión en el formulario de contacto en Prestashop 1.7

¿Al intentar subir el fichero con extensión *.odt en el formulario de contacto me aparecerá el error de “Extensión de archivo incorrecta“?

En principio no, pero te en cuenta dos aspectos:

  • Siempre que puedas, es altamente recomendable hacer un override y evitar en todo lo posible editar los ficheros originales (en este caso lo ideal seria hacer un override de la clase del módulo y sobreescribir la función sendMessage)
  • ¿Cómo se hace un override de una clase de un módulo en Prestashop 1.7? -> Buscar en Google 🙂

Por cierto, espero que, en un futuro, exista la opción de permitir nuevas extensiones a la hora de subir los ficheros desde el panel de administración en el panel de Prestashop 1.7

Documento construido bajo Prestashop 1.7.1.2

Print Friendly, PDF & Email

Recibir una alerta de sonido al recibir un pedido en Prestashop

En esta ocasión, hablamos de un módulo que mostrara una notificación por sonido en el panel de administración cuando un cliente realice una compra en la tienda.

No confundir con las alertas de los pedidos por email en Prestashop

El módulo esta desarrollado por el usuario jgullstr de la Comunidad de Prestashop

La instalación y subida del módulo, como suele ser habitual, desde la pestaña módulos -> módulos

Instalando módulo que servirá para recibir una alerta por audio en el panel de administración de que un cliente ha realizado un pedido

El módulo, lleva ninguna opción de configuración adicional,

Si entráis en la configuración propia del módulo, veréis que simplemente se escucha la alarma a modo de demostración, pero que no permite ninguna opción de configuración adicional.

Configuración del módulo

Simplemente cuando el cliente haga un pedido en tu tienda, y tu estes en tu panel de administración se escuchara un audio de aviso.

Por otro lado el audio de sonido que se escucha, esta guardado en el directorio: “/modules/neworderalarm/media/

Si nos podemos a estudiar el código del módulo, vemos que en la clase del módulo “neworderalarm.php” que el módulo queda registrado en los dos siguientes hooks:

  • displayBackOfficeFooter -> Hook situado en el pie de página del panel de administración.
  • actionValidateOrder -> Hook que se ejecuta cuando se realiza el pedido.

¿Dónde puedo descargar el módulo para que en mi panel se escuche una alerta de audio cuando el cliente haga un pedido en la tienda?

  • https://www.prestashop.com/forums/topic/284580-module-new-order-alarm-ps-15/

Review realizado bajo Prestashop 1.6.1.14 y la versión “1.0.1” del módulo.

Print Friendly, PDF & Email

Plantilla verde y gratuita para Prestashop 1.7

En esta ocasión, hablamos de una plantilla gratuita para Prestashop 1.7, en la que el color verde prevalece sobre otros colores.

Esta plantillas gratuita para Prestashop 1.7, ha sido desarrollado por el usuario genweb de la Comunidad de Prestashop

El ancho del slider no está limitado al contenedor como en el de la plantilla por defecto de Prestashop 1.7. El slider es fullwidth

Los colores de la cabecera (el aspecto de la cabecera también está un poquito cambiado) y contenedor están cambiados.

El fondo del pie de página esta personalizado.

Ilustro en las siguientes capturas como se ve esta plantilla gratuita para Prestashop 1.7 en algunas secciones de la tienda.

Portada de una plantilla gratuita para Prestashop 1.7
Portada de una plantilla gratuita para Prestashop 1.7
Cabecera de la plantilla
Cabecera de la plantilla
Bloque de Productos destacados y parte central
Colores del pie de página personalizados en Prestashop 1.7
Colores del pie de página personalizados en Prestashop 1.7
Menú Horizontal en esta plantilla gratuita par Prestashop 1.7
Listado de productos
Ficha del Producto

La plantilla ha sido instalada en Prestashop 1.7.1.2 (no probada en toda su totalidad) sin grandes complicaciones -> Manual Instalación plantilla en Prestashop 1.7

¿Dónde se puede descargar esta plantilla gratuita para Prestashop 1.7?

Continúa leyendo Plantilla verde y gratuita para Prestashop 1.7

Print Friendly, PDF & Email

Bloques de texto personalizados en el pie en Prestashop 1.7

No estamos hablando de instalar contentbox/htmlbox en nuestra tienda, estamos hablando simplemente de cambiar de ubicación el módulo de texto que se muestra en la página principal al hook -> displayFooterBefore para que se vea en toda la tienda.

Por defecto el módulo Bloques de texto personalizados (custom_text), se muestra en la página principal, pero no en resto de secciones.

Texto de la página principal en Prestashop 1.7

Para que se vea en todas las secciones, vamos hacer tres cosas:

  • Eliminarlo del displayHome
  • Insertarlo en el displayFooterBefore
  • Colocarlo en la primera posición del displayFooterBefore

Vamos a la pestaña Diseño -> Posiciones de los módulos

Acceder a las posiciones de los módulos en Prestashop 1.7

Buscamos el bloque displayHome y desenganchamos el módulo de esa posición.

Quitar módulo de la página principal en Prestashop 1.7

Ahora en la misma pestaña Diseño-> Posiciones de los módulos, pinchamos el botón superior denominado (Insertar un hook (puede tener un nombre distinto en vuestro caso) )

Insertando modulo en hook en Prestashop 1.7

Y en el formulario seleccionamos:

Módulos -> Bloque de textos personalizados
Mover a -> displayFooterBefore

Insertando módulo en el displayFooterBefore

Por último, vamos a colocarlo en la primera posición del displayFooterBefore, para ello en la misma pestaña de Diseño -> Posiciones de los módulos, buscamos el bloque “displayFooterBefore” y arrastramos el módulo hacia arriba.

Subir módulo a primera posición del displayFooterBefore
Modulo en primera posición del displayFooterBefore

El resultado final es el siguiente:

Documento testeado en Prestashop 1.7.1.2

Seguimos sin tener el Live Edit (que en la 1.7 inicialmente lo desecharon) disponible que teníamos por ejemplo en la 1.6, para mover los módulos de posición “gráficamente” sin hacerlo manualmente, esperemos que en las próximas variantes de Prestashop 1.7.X.X, implementen el Live Edit para Prestashop 1.7

Print Friendly, PDF & Email

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.

Continúa leyendo Editar plantilla sin que se pierdan los cambios en Prestashop 1.7

Print Friendly, PDF & Email

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

Print Friendly, PDF & Email

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

Continúa leyendo Adjuntar ficheros en el formulario de registro en Prestashop

Print Friendly, PDF & Email