Como empezó mi andadura en Prestashop en el 2010

Era el año 2010, un cliente buscaba montar una tienda, en ese momento desconocía Prestashop, pero un buen amigo de Cádiz, me dijo que existía una plataforma de comercio electrónico llamada Prestashop, me puse a investigar y curiosamente desde el primer día me enamore de ella.

Cuando fueron pasando los meses, me registre en la Comunidad Oficial de Prestashop, y vi que muchos usuarios tenían dudas que yo mismo había tenido unos meses antes, sin pensarlo, me puse a dar soporte de forma totalmente voluntaria.

Fueron pasando los meses, y cuando me di cuenta, estábamos en el 2011, moderando y dando soporte a la Comunidad de Prestashop casi “24 horas al día”.

No solo me llegaban consultas en los foros de Prestashop, también por email, por teléfono y al final sin darme cuenta, termino siendo casi todo voluntario.

Es cierto, que fui sacando algún trabajo a nivel de implementación, configuración, personalización, desarrollo, asesoramiento, pero gestionar la Comunidad de Prestashop, me llevaba demasiado tiempo…. y compatibilizar ambas cosas era muy complicado.

Recuerdo, que hasta me llamaban por teléfono personas de otros países para que les ayudara.

En el año 2012, se celebro el Barcamp de Prestashop en Barcelona, donde acudí con una persona de Murcia vinculada también al mundillo de Prestashop, creo recordar que fuimos en avión, y estuvimos alojados en un hostal…

Recuerdo con mucho cariño, que en aquella época me nombraron en la newsletter oficial de Prestashop: (Ver newsletter)

Newsletter Prestashop

En el 2012 – 2013, fue la explosión definitiva por parte mía en la Comunidad de Prestashop,  empezaron a registrarse mas usuarios en los foros de Prestashop, y esto hizo que mi participación subiera como la espuma, recuerdo que pasaba días sin dormir para participar e intentar ayudar en lo que podía 🙂

En el 2014, empecé a tener problemas estomacales (tarde casi 2 años en poder recuperarme), que hicieron que mi actividad fuera bajando en la Comunidad, pero seguí activo  intentando ayudar en lo que podía.

Recibí ofertas laborales de varias empresas, y lo cierto es que era un mundillo en el que me apetecía trabajar de forma estable, depende estar haciendo trabajos como freelance, pero la realidad, entre mis problemas gastrointestinales y otros problemas que tenía, no me encontraba en condiciones.

Llego el año 2015, y Prestashop contacto conmigo para darme un premio (por mi contribución a la comunidad de los años anteriores) en un evento que se celebraba en París, como contribuidor más valorado de la Comunidad de Prestashop, como no podía ir a París, me lo enviaron por correos.

Premio recibido por parte del Equipo de Prestashop como contribuidor mas valorado de la Comunidad de Prestashop
Premio recibido por parte del Equipo de Prestashop como contribuidor más valorado de la Comunidad de Prestashop

Pongo también vídeo (alrededor del minuto 15), donde nombran a mi usuario “nadie” de la Comunidad de PrestaShop, por cierto el premio me lo enviaron a mi dirección, pero curiosamente decían que era de Colombia, que cosas tan raras)

premioprestashop

En el año 2015, todavía seguía con algún problema estomacal.. y no estaba totalmente recuperado, aunque bueno no tuvo nada que ver en mi decisión de dejar la Comunidad, simplemente buscaba nuevos horizontes que me permitieran crecer y avanzar, que los sigo buscando, porque de un modo u otro termine encasillado en Prestashop, y es como cuando un actor lleva mucho tiempo en una serie.

Durante mis años en la Comunidad de Prestashop aprendí mucho, y termine adquiriendo una experiencia que no la cambiaría por nada.

Cierto, que también existieron problemas (moderar una comunidad, conllevaba mucha responsabilidad), y ahora mirando las cosas con perspectiva, me equivoque en determinadas decisiones, pero de la experiencia se aprende.

Falta también contar porque mi usuario en la Comunidad de Prestashop se llamaba “Nadie“, pero eso es otra historia…

Por cierto, es posible que falten datos de algún año, en referencia a los acontecimientos, pero es la realidad de lo que ocurrió.

Print Friendly, PDF & Email

Solicitar información del producto en Prestashop 1.7

En el pasado hemos realizado reseñas de módulos parecidos, como aquella que hicimos en el año 2012: Reseña – Modulo Preguntas sobre el Producto en Prestashop

De todos modos, hoy en día existen gran cantidad de módulos gratuitos que de un modo u otro vienen hacer lo mismo.

En esta ocasión, vamos hablar de un módulo desarrollado por el usuario BonPresta del foro de Prestashop.

Botón en la ficha del producto
Datos solicitados

La instalación inicial del módulo como suele ser habitual en el universo de Prestashop, se realiza desde la pestaña Módulos -> Módulos y Servicios

Módulo instalado

Las opciones de configuración que nos ofrece el módulo son las siguientes:

Bloque de configuración del módulo
  • Email: Email donde se reciben los avisos.
  • Popup width: Ancho del popup que aparece a la hora de solicitar más información
  • Button background: Fondo del botón

    Fondo del botón
  • Button hover background: Fondo del botón al pasar el ratón sobre él.

¿Cómo funciona el módulo que permite al cliente de tu tienda solicitar información del producto?

Cuando el usuario visita la ficha del producto y pulsa sobre el botón se abre un Popup donde nos solicita la siguiente información:

Popup datos
  • Nombre y número de teléfono

Automáticamente el email que hayamos configurado en la misma configuración del módulo recibirá un email del siguiente estilo:

Email recibido

En el email que recibimos, podemos ver el número de teléfono, nombre del cliente, además del propio producto de donde se ha realizado la solicitud de información.

Continúa leyendo Solicitar información del producto en Prestashop 1.7

Print Friendly, PDF & Email

Reseña – Módulo newsletter en Popup para Prestashop 1.7

En su momento, estuvimos comentando que disponíamos de un módulo que permitía añadir un Popup en Prestashop.

En esta ocasión, vamos hablar de un módulo gratuito desarrollado por el usuario BonPresta de la Comunidad de Prestashop.

Animación Popup

La instalación del módulo, como suele ser habitual, la realizamos desde la pestaña Módulos – Módulos y Servicios

Módulo instalado

Las opciones de configuración que nos ofrece el módulo son las siguientes:

Primer bloque de configuración
  • Image -> Imagen de fondo del Popup

    Imagen Fondo Popup
  • Content -> Contenido que se verá en el Popup

    Contenido Popup
  • Star date -> Fecha activación inicio del Popup
  • End Date -> Fecha activación final del Popup
Segundo bloque de configuración
  • Background: No es el fondo del Popup propio, sino el fondo inferior.

    Fondo
  • Opacity: Opacidad del fondo que hemos definido.
    Dependiendo del valor que indiquemos, el fondo inferior tendra mayor o menor opacidad.
  • Animation Speed: Velocidad de la animación del Popup
  • Time Display: Tiempo de visualización del Popup. Si colocamos por ejemplo 5 segundos, el Popup desaparecerá automáticamente a los 5 segundos.
  • Width: Ancho del Popup
  • Height: Alto del Popup
  • Animation: Tipo de animación del Popup.

Continúa leyendo Reseña – Módulo newsletter en Popup para Prestashop 1.7

Print Friendly, PDF & Email

Se avecinan novedades importantes en Prestashop 1.7

Dentro del semanario que nos manda Prestashop, comentare algunos aspectos referentes a las tres últimas semanas (Semana 46, 47 y 48 de 2017)

  • La rama de desarrollo de Prestashop 1.7.3.X esta activa (#8530).
  • A partir de Prestashop 1.7.3.X se empieza a trabajar con Symfony3 (#8405).
  • Para la futura versión de Prestashop 1.7.4 es obligatorio trabajar como mínimo con PHP 5.6.X (requerimientos Prestashop), por lo que (aunque ya no estaba recomendado trabajar con versiones anteriores de PHP, pero ahora es obvio) olvidaros de trabajar con versiones de PHP descontinuadas.
  • La página de administración se migra a Symfony (#8365)

Más información en:

http://build.prestashop.com/news/coreweekly-week-46-2017/
http://build.prestashop.com/news/coreweekly-week-47-2017/
http://build.prestashop.com/news/coreweekly-week-48-2017/

Print Friendly, PDF & Email

Hooks de la página de confirmación del pedido en Prestashop 1.7

En este TIP de Prestashop, comentaremos los hooks/posiciones disponibles en la página de confirmación del pedido en Prestashop 1.7

Si accedemos al fichero: “/themes/classic/templates/checkout/order-confirmation.tpl” vemos disponibles los siguientes hooks (en la página de confirmación del pedido)

  • displayOrderConfirmation

    Hook -> displayOrderConfirmation
  • displayPaymentReturn

    displayPaymentReturn
  • displayOrderConfirmation1

    displayOrderConfirmation1
  • displayOrderConfirmation2 (vemos que tenemos añadido el módulo de productos destacados)

    displayConfirmation2
  • Todos los hooks

    Hooks página de confirmación del pedido

Continúa leyendo Hooks de la página de confirmación del pedido en Prestashop 1.7

Print Friendly, PDF & Email

Banner de la página principal en la cabecera en Prestashop 1.7

En este pequeño documento, vamos a cambiar de localización del módulo de banner que se muestra en la página principal para colocarlo en la cabecera de la tienda.

Banner principal en Prestashop 1.7

La idea es dejar ese banner en la cabecera de la tienda.

Banner cabecera

Vemos que en el fichero: /themes/classic/templates/_partials/header.tpl (Versión 1.7.2.4 de Prestashop) disponemos de la siguiente línea de código:

{block name='header_banner'}
<div class="header-banner">
{hook h='displayBanner'}
</div>
{/block}
header.tpl

Y la vamos a dejar del siguiente modo (hemos encerrado la impresión del hook -> displayBanner dentro de un div con clase container):

{block name='header_banner'}
<div class="header-banner">
<div class="container">
{hook h='displayBanner'}
</div>
</div>
{/block}
header.tpl

El siguiente paso es ir a la pestaña Diseño -> posiciones de los módulos, pulsamos en “Insertar un módulo

Insertar módulo hook

Y vemos que no encontramos el hook -> displayBanner

No aparece hook -> displayBanner

Vamos a crear nosotros el hook, mediante el módulo gratuito de Vekia: Crear Hook mediante el módulo de Vekia

Una vez hayamos creado el hook:

Creando hook

Volvemos a la pestaña Diseño -> Posiciones de los módulos y ahora si podremos anclar el módulo del banner en el hook -> displayBanner

Anclando módulo en el displayBanner

Finalmente, lo veremos del siguiente modo:

Logo cabecera

Vemos que queda demasiado ajustado, podemos meterle un relleno, añadiendo, por ejemplo, en el fichero:

/themes/classic/assets/css/custom.css

La siguiente instrucción:

#header .header-banner {
padding: 1em;
}

Continúa leyendo Banner de la página principal en la cabecera en Prestashop 1.7

Print Friendly, PDF & Email

Creación de un módulo de pago en Prestashop 1.7

Hace tiempo que no me paso por el blog francés de h-hennes, y a que resaltar que últimamente tiene unos artículos interesantes, donde traduciré parte de unos de los artículos que podéis ver de forma completa en su mismo blog y que me ha parecido que os puede interesar.

En este pequeño TIP rápido que es solo recomendado para aquellas personas que hayan tocado el desarrollo de módulos orientados a métodos de pago en versiones anteriores de Prestashop, comentare algunos aspectos básicos que se introducen como novedad en Prestashop 1.7 respecto a Prestashop 1.6.

A los módulos que gestionan los sistemas de pago, a que indicarles que usan la clase: PaymentOption (antiguamente esto no se hacía)

Es decir, la primera línea de código de la clase de un módulo que gestiona un sistema de pago es:

use PrestaShop\PrestaShop\Core\Payment\PaymentOption;
Indicar que usamos la clase PaymentOption
Indicar que usamos la clase PaymentOption

Por otro lado, la clase del módulo sigue heredando de PaymentModule (esto no ha cambiado)

 Clase del módulo hereda de PaymentModule
Clase del módulo hereda de PaymentModule

¿En que hooks queda instalado y registrado un módulo que gestiona un método de pago (transferencia bancaria, cheque, etc..) ?

Registrando módulo en hooks

Habitualmente queda registrado en los siguientes hooks:

  • paymentOptions -> Este hook si podemos decir que es nuevo, y es el que vemos cuando estamos viendo los métodos de pago en el proceso de pedido (a la hora de seleccionarlos)

    Listado de los métodos de pago en Prestashop 1.7
  • paymentReturn -> Este hook no tiene sorpresa porque es el mismo que se usaba en versiones anteriores para devolver la confirmación del pedido.

Vayamos a ver el interior de la función del hook -> paymentOptions que tiene por ejemplo la clase principal del módulo de Cheque (modules/ps_checkpayment/ps_checkpayment.php) que lleva Prestashop.

hookPaymentOptions

Dentro de la función de este hook, comento la parte más importante (obviando el resto que ya conocéis)

Aquí estamos creando un objeto de la Clase PaymentOption.

$newOption = new PaymentOption();

A través de ese objeto vamos a poder definir dentro del listado de métodos de pago, respecto al método actual los siguientes datos:

  • setCallToActionText : Define el texto/título público del método de pago / Obligatorio
    Texto del método de pago

    Mostrando el texto del método de pago
  • setAdditionalInformation : Define información adicional del método de pago  / Opcional
    Código información adicional del método de pago

    En el ejemplo del método de pago, lo que hacemos con “setAdditionalInformation” es integrar el fichero TPL payment_infos.tpl. (Fijaros al ampliar el pantallazo)

    Información adicional del método de pago en el listado de métodos de pago de Prestashop 1.7
  • setLogo : Definir un logo para el método de pago / Opcional
    Código logo método de pago en el listado de métodos

    Logo método de pago
  • setAction : Definimos el controlador que se encarga de la validación de la confirmación del pago (No visible ) / Es obligatorio si hemos usado el método setForm
    Controlador validación

    Estamos haciendo referencia en esta ocasión al controlador Validation.php del módulo que lo podemos encontrar en: ps_checkpayment/controllers/front/validation.php

  • setInputs : Permite añadir campos de formulario. Se usa más para campos de tipo oculto (hidden) que para que el cliente introduzca datos / OpcionalPor ejemplo, almacenamos en una variable “2 campos”
    $inputs = [
    [
    'name' => 'campo1',
    'type' => 'hidden',
    'value' => '100'
    ],
    [
    'name' => 'campo2',
    'type' => 'hidden',
    'value' => $this->context->customer->id,
    ],
    ];
    

    En el campo 1 guardamos el valor 100 y en el campo2 guardamos el ID del cliente.

    Ahora pasamos esos campos dentro de “setInputs

    Campos
  • setModuleName : Nombre del módulo (interno) / Obligatorio

    Nombre interno del módulo
  • setForm : Permite generar un formulario especifico para el módulo, si se utiliza, las funciones setInputs y setAction no tienen efecto / Opcional
    Formulario

    Dentro del método/función setForm hemos integrado el contenido del TPL: modules/ps_checkpayment/views/templates/hook/formularioprueba.tpl donde hemos preparado el formulario.

    Formulario dentro de método de pago
  • setBinary :  Solo es necesario si se utiliza una ejecución binaria. Es necesario también que el módulo este también anclado en el hook -> displayPaymentByBinaries

Continúa leyendo Creación de un módulo de pago en Prestashop 1.7

Print Friendly, PDF & Email

Cambiar pestaña por defecto de la zona de módulos en Prestashop 1.7

En su momento estuvimos comentado a grosso modo las novedades y opciones básicas de la gestión de módulos desde el panel en Prestashop 1.7

Recordamos que cuando accedemos a la gestión de módulos en Prestashop 1.7 desde la pestaña Módulos -> Módulos y servicios.

Inicialmente accedemos por defecto a la pestaña “Selección“.

Pestaña “Selección” por defecto al acceder a la gestión de módulos en Prestashop 1.7

La idea es acceder por defecto a la opción/pestaña  “Módulos Instalados” cuando vayamos acceder a  la gestión de módulos desde Módulos -> Módulos y servicios.

Pestaña módulos instalados por defecto

Tenemos una solución proporcionada por el usuario Zax37 de la Comunidad de Prestashop en forma de módulo.

La instalación del módulo no tiene complicaciones, se hace desde la pestaña módulos -> módulos y servicios

El módulo no permite ninguna configuración adicional.

Módulo instalado

Una vez que hemos instalado el módulo, siempre que accedamos a la pestaña “Módulos -> Módulos y servicios” veremos seleccionada por defecto la opción “Módulos Instalados“.

Pestaña módulos instalados

Al meternos un poquito en el módulo, por ejemplo, en el fichero: adminmoduleslinkfix.php (clase principal del módulo en cuestión) veremos (entre otras cuestiones) dentro de la función install del módulo la siguiente instrucción:

$this->replaceString(__DIR__."\..\..\classes\Link.php", "admin_module_catalog", "admin_module_manage");

Esta instrucción hace que en clase “Link.php” (/classes/Link.php) donde aparece “admin_module_manage” se cambie por “admin_module_catalog

Si nos metemos dentro de /classes/Link.php, dentro de  “case ‘AdminModulesSf’“: y observamos la siguiente línea:

Código clase Link

Fijémonos en el siguiente código:

case 'AdminModulesSf':
$sfRoute = array_key_exists('route', $sfRouteParams) ? $sfRouteParams['route'] : 'admin_module_catalog';

El módulo simplemente cambia “admin_module_catalog” por “admin_module_manage” para acceder por defecto a la opción de “Módulos instalados” cuando pinchemos en el panel de administración de tu tienda en la pestaña módulos -> módulos y servicios.

Observando fríamente el funcionamiento del módulo, sería conveniente hacer un override de la clase depende hacer un buscar y reemplazar de un dato en la clase original.

Continúa leyendo Cambiar pestaña por defecto de la zona de módulos en Prestashop 1.7

Print Friendly, PDF & Email

Eliminar el título de la categoría en Prestashop 1.7

Es una chorrada, pero me lo pregunto un compañero por telegram y como es sencillo, además de que existen diferencias en las rutas de ficheros y en las líneas de código en esta versión de Prestashop respecto a versiones anteriores, lo explicare de forma simple.

Muestro una pequeña captura, para que nos situemos.

Eliminar título de la categoría en Prestashop 1.7

Para eliminar el título de la categoría cuando estamos viendo la categoría en Prestashop 1.7  y suponiendo que estemos trabajando con la plantilla por defecto, una de las posibles opciones es editar el fichero:

/themes/classic/templates/catalog/listing/category.tpl

Tener en cuenta, que si vuestra plantilla no es la que lleva Prestashop por defecto, no estaremos hablando de la carpeta “classic“, sino de la carpeta de vuestra plantilla.

Fichero category.tpl

Dentro de: Continúa leyendo Eliminar el título de la categoría en Prestashop 1.7

Print Friendly, PDF & Email

No se ve el enlace de contacte con nosotros en la cabecera de Prestashop 1.7

Hace tiempo que no escribo, y aquí va otro post chorra sobre Prestashop 🙂

En las variantes actuales de Prestashop 1.7 (al menos en la 1.7.2.3 y anteriores variantes de Prestashop 1.7) no aparece el enlace de Contacte con nosotros en la cabecera cuando se muestra el número de teléfono de la tienda.

Enlace “Contacte con nosotros” en la cabecera de Prestashop 1.7
Teléfono cabecera Prestashop 1.7

¿Cómo es posible si estamos hablando del módulo: “Información de contacto“?

Se debe a que en el fichero: “/themes/classic/modules/ps_contactinfo/nav.tpl“, disponemos de un condicional que dice “Si se muestra el número de teléfono no se muestra el enlace de “Contacte con nosotros”

Código Módulo Prestashop 1.7

Una de las posibles opciones para que se vea el enlace de “Contacte con Nosotros” al lado del “Teléfono” cuando tengamos configurado el número de teléfono de la tienda, es copiar la siguiente línea de código:

<a href="{$urls.pages.contact}">{l s='Contact us' d='Shop.Theme.Global'}</a>

Continúa leyendo No se ve el enlace de contacte con nosotros en la cabecera de Prestashop 1.7

Print Friendly, PDF & Email

Contenidos ordenados en el blog y fin de las entradas de Prestashop

Se me olvido comentaros, que tenemos índices desde hace años de algunos contenidos del blog, a excepción de las mini review de las plantillas gratuitas de Prestashop, que sinceramente nunca he sido mucho de reseñar plantillas y tampoco he hablado de muchas en su momento…

Los índices son de distintas versiones de Prestashop, sobre todo donde más contenido tiene es de versiones anteriores de Prestashop, que es donde le estuve metiendo contenido al blog hace siglos, aunque como ya sabéis realmente donde estuve participando es en los foros de Prestashop, donde puedo decir con orgullo que he escrito alrededor de 40 mil mensajes de soporte cuando no teníamos una guía de usuario sería traducida al español y teníamos que andar investigando de un sitio a otro, y ya no te digo de desarrollo, cada vez que recuerdo lo que teníamos que hacer en el 2010, para investigar y en muchos casos ir a palo ciego, por suerte en la actualidad, es más sencillo encontrar documentación por la red de todo, y todo ha cambiado mucho 🙂

También, por suerte, Jesús,  en su momento se puso a traducir la guía de usuario oficial, además de otras guías oficiales.

Recordar que también disponemos en el blog, desde hace bastantes años, de reseñas de módulos gratuitos de Prestashop que hemos escrito en este blog 🙂

Dicho esto, ha sido un orgullo pertenecer a la Comunidad de Prestashop, y aunque mi vuelta ha sido temporal algunos meses de este año, me lo he pasado muy bien y todo llega a su final.

Por otro lado, aunque no creo que pueda escribir, si escribo alguna vez no serán entradas, por lo tanto si queréis, tenéis el bloque de suscribirse por email (para aquellos que no estén suscritos por email) en el lateral del blog, por si alguna vez antes del 2020, os puedo enviar algún boletín con algunas “páginas” publicadas en el blog (pero esta complicado el asunto).

Fin Prestashop
Print Friendly, PDF & Email