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

Captcha para Prestashop 1.7

A inicios del año 2013 habíamos reseñado un módulo que integraba una especie de captcha en Prestashop para poder mostrarlo en los distintos formularios de la tienda.

En esta ocasión, vamos hablar de otro clásico y de nuevo del compañero francés  Hernes del que ya hemos comentado en antaño varios aportes interesantes.

Captcha formulario de contacto
Captcha en el formulario de registro de Prestashop 1.7

Aunque existen versiones del módulo para versiones anteriores de Prestashop, en la actualidad también esta disponible una versión actualizada del módulo para mostrar el reCAPTCHA de Google en el formulario de contacto y de registro en Prestashop 1.7.  Al final de la entrada dejare el enlace para descargarlo desde el repositorio.

Una vez hemos instalado el módulo desde la pestaña módulos y servicios -> módulos y servicios del panel de administración y accedemos a su configuración, debemos añadir los datos de la API

Datos captcha
  • Para obtener los datos “Captcha public key (Site Key)” y “Captcha private key (Secret key)” debemos tener añadido nuestra web en: https://www.google.com/recaptcha/intro/index.htmlAccedemos al enlace que he pasado y añadimos nuestra tienda, tal como como podéis ver en la siguiente captura:
Creando Captcha
  • Etiqueta -> Etiqueta a modo informativo.
  • Choose the type Captcha -> Nosotros hemos elegido reCaptcha v2
  • Dominios -> Añadimos el dominio de nuestra tienda.

Una vez registrado el captcha, podremos obtener la clave del sitio (Site Key) y la clave Secreta (Secret Key) para pegarla posteriormente en la configuración del módulo.

Clave del sitio y clave secreta
  • Otras opciones de configuración que nos ofrece el módulo son las siguientes:
    Activar/Desactivar captcha

    Enable Captcha for contact form -> Para activar/desactivar el captcha en el formulario de contacto.
    Enable Captcha for account creation -> Para activar/desactivar el captcha en el formulario de registro.

Por si tenéis curiosidad el módulo lleva los siguientes overrides:

Controlador -> AuthController.php para añadir el catpcha en el formulario de registro.

Clase del módulo de formulario de contacto -> contactform.php -> Para añadir el captcha al formulario de contacto.

¿Dónde podemos descargar este módulo para poder integrar un catpcha en Prestashop 1.7?

Podemos descargar las distintas versiones del módulo desde el siguiente enlace https://github.com/nenes25/eicaptcha/releases

Documento construido bajo Prestashop 1.7.2.4 y la versión 2.0.1 del módulo.

PD: Se me ha olvidado comentar que debéis tener instalado previamente el módulo contactform, si no lo tenéis instalado, lo buscáis en la zona de gestión de módulos y aparecerá para instalarlo.

Módulo

 

Print Friendly, PDF & Email

Enlace con popup en la ficha del producto en Prestashop 1.7

Si bien es cierto que es un módulo que se encuentra disponible en la comunidad desde hace bastantes años y encima desarrollado por el usuario Shacker de la misma Comunidad de Prestashop, si la memoria no me falla todavía no lo había reseñado por aquí, aunque si utilizado.

Este módulo para Prestashop está actualizado para que funcione en Prestashop 1.7.

Dicho módulo permite mostrar en la ficha del producto un enlace que al pulsarlo se mostrara el contenido que hemos configurado en el mismo módulo en un popup.

Enlace abrir popup
Popup prestashop 1.7

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

Módulo instalado

Las opciones que ofrece la versión gratuita del módulo son las siguientes:

  • Contenido que se visualizara al pinchar el enlace de la ficha del producto en un popup. En este ejemplo te colocan una tabla de tallas, pero puede ser perfectamente cualquier otra cosa.
Contenido que se vera en el popup
  • Categorías donde se visualiza el enlace que abre el popup. Es decir, si señalamos “Women” se mostrará el enlace en los productos que estén situados en la categoría Women.
Categorías de los productos donde se mostrara el enlace que abrirá el popup

¿Dónde puedo descargar el módulo?

https://www.prestashop.com/forums/topic/224670-module-sizes-guide-chart-v201-ps-1217/

http://catalogo-onlinersi.net/en/add-ons-prestashop-modules/406-sizes-chart-prestashop-module.html

https://www.prestashop.com/forums/topic/224672-modulo-sizes-chart-v20-tabla-de-tama%C3%B1os-ps-1217/

Documento realizado bajo Prestashop 1.7.2.4 y la versión 2.0.1 del módulo.

Print Friendly, PDF & Email

DOC – Añadir campos al formulario de contacto en Prestashop 1.7

Campo nuevo del formulario de contacto

Dejo un pequeño documento, donde comento brevemente los ficheros y tablas de la base de datos para posibilitar el que podamos añadir campos nuevos en el formulario de contacto, poder enviarlos por emails y almacenarlos también en la base de datos para luego poder verlos en el panel de administración.

No es una guía propiamente y es una nueva modalidad de artículos donde depende explicar cómo hacerlo, os comento que ficheros debéis modificar con un breve comentario. De esta manera os dejo a vosotros investigar dentro del universo de Prestashop.

¿Preparado para añadir campos en el formulario de contacto de Prestashop 1.7? (Pincha en la siguiente imagen)

Añadir campos en el formulario de contacto de Prestashop 1.7
Añadir campos en el formulario de contacto de Prestashop 1.7

 

Print Friendly, PDF & Email

Mostrar imágenes y precios en el buscador de Prestashop 1.7

Otro aporte más desarrollado por el usuario BonPresta de la Comunidad de Prestashop.

El buscador por defecto muestra solo el nombre de los productos.

Buscador normal

Con este módulo veremos imagen y precios de los productos.

Mostrar imágenes y precios en el buscador de Prestashop

La instalación del módulo, sin ningún problema, desde la pestaña módulos -> módulos y servicios.

Módulo instalado

Dentro de la configuración del módulo nos encontramos las siguientes opciones:

Configuración módulo

Enable image -> Permite activar o desactivar la visualización de la imagen del producto en el buscador.

Imagen producto

Enable name -> Permite activar o desactivar la visualización del nombre del producto en el buscador.

Nombre del producto en el buscador

Enable price -> Permite activar o desactivar la visualización del precio del producto en el buscador

Precio del producto

Numbers products: Número de productos a mostrar en el buscador.

Continúa leyendo Mostrar imágenes y precios en el buscador de Prestashop 1.7

Print Friendly, PDF & Email

Prestashop 1.7.3.0 beta 1 disponible para descargar

Hace unos días, estuvimos hablando sobre algunos cambios que se avecinan dentro de la rama de Prestashop 1.7.

Ayer día 15 de diciembre de 2017, se publicó la primera beta de Prestashop 1.7.3.0, recordar que hablamos de una versión beta, por lo que actualmente no es aconsejable para funcionar en una tienda en producción.

Esta versión la podemos descargar aquí: Descargar Prestashop (link alternativo, por si el link original esta caído).


Una de tantas novedades es que a la hora de generar la ficha técnica en Prestashop 1.7.3.0 y en futuras variantes que vayan saliendo es que lo productos ya pueden tener múltiples valores para una misma característica.

 #8271: Add multiple feature with the same type but different values to product

Me explico:

Antes podíamos hacer:

  • Producto: Nadie
  • Característica: A -> Valor: Test01

Y no podíamos hacer:

  • Producto Nadie
  • Característica: A -> Valores: Test 01 y Test 02. Es decir, no podíamos mostrar 2 valores de una misma característica en un mismo producto.

Con esta nueva variante de Prestashop 1.7 ya es posible mostrar varios valores para una misma característica en el producto.

Edición producto en el panel de administración
Ficha del producto en el frontoffice

Hasta hace poco en la ficha del producto solo podíamos ver un valor por característica. 

Otra novedad es que en la ficha del producto y de forma individual podemos generar alertas por email en base al stock del producto.

Es decir:
Producto X -> Alertas por email -> Cuando Stock menor o igual que 5
Producto J –> Alerta por email -> Cuando Stock menor o igual a 3
Y así sucesivamente.

Alerta de Stock individual por producto

Siguiendo con las novedades, tenemos otra y es que ahora desde la pestaña Catálogo -> Stock del panel de administración, tenemos disponibles casillas (checkbox) para hacer las ediciones masivamente.

Antes de Prestashop 1.7.3.0
A partir de Prestashop 1.7.3

Sobre las novedades y los cambios más importantes que incluye esta variante de Prestashop 1.7, os recomiendo revisar el siguiente artículo:

Continúa leyendo Prestashop 1.7.3.0 beta 1 disponible para descargar

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