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 Themes, sin necesidad de tocar código?

Analizando el Widget de Enlaces de Prestashop 1.7

Repaso a fondo del Widget de enlaces en Prestashop 1.7

El año pasado habíamos comentado el Widget de Enlaces brevemente en la guía donde comentábamos los módulos que venían en el pie de página.

La guía se va a realizar bajo la variante 1.7.1.0 de Prestashop 1.7

¿Estáis preparados para ver lo que ofrece el Widget de enlaces en Prestashop a día de hoy?
La verdad, es que yo no, pero de todos modos vamos a empezar 🙂

¿Desde donde podemos acceder a la configuración del Widget de enlaces en Prestashop 1.7?

Desde la pestaña Módulos -> Módulos (Módulos Instalados), buscando el módulo:

“Lista de Enlaces / ps_linklist” (Podéis buscarlo por los dos nombres, si lo buscáis por el segundo lo encontráis seguro, ya que nunca se sabe cuándo puede variar la traducción del nombre del módulo)

Gestión del Widget de Enlaces desde la pestaña Módulos -> Módulos

La otra opción, desde donde podemos acceder a su configuración, es desde la pestaña Diseño -> Widget de Enlaces (Enlaces / Link Widget)

Otra opción para acceder a la configuración del Widget de Enlaces en Prestashop

 Una vez, hemos accedido a la configuración del Widget de Enlaces ¿Qué es lo que vemos?

Vemos que existe un Bloque de Enlaces en el pie DisplayFooter (Hook situado en el pie de página)

Pantalla Inicial del Widget de Enlaces en Prestashop 1.7

Vemos que el hook -> DisplayFooter tiene dos bloques añadidos, uno llamado “Productos” y otra “Our Company” (Nuestra Empresa)

Esos bloques podemos eliminarlos:

Eliminar bloques en el Widget de Enlaces en Prestashop 1.7

Podemos cambiar el orden de los bloques:

Cambiar orden de los bloques de los enlaces del Widget de Enlaces

Podemos modificar los bloques:

Modificar bloques del Widget de Enlaces en Prestashop 1.7

Nosotros vamos hacer un “mini ejemplo” modificando el Bloque denominado “Productos”, pero antes de modificar, os señalo en la siguiente imagen cuales son los dos bloques que tenemos añadidos en el DisplayFooter, para que sepáis que estamos modificando o dejar de modificar.

Bloques del Widget de enlaces en el pie de página en Prestashop 1.7

Nosotros, vamos a modificar el de “Productos”

Modificando el Bloque Productos en el Widget de Enlaces en Prestashop 1.7

Modificando el Bloque Productos en el Widget de Enlaces en Prestashop 1.7

Pulsamos en Modificar y….

Empieza la acción en la gestión del Widget de enlaces en Prestashop 1.7

Empieza la acción en la gestión del Widget de enlaces en Prestashop 1.7

Vemos, una pantalla donde vemos las siguientes opciones:

Primer bloque de configuración del Bloque en el Widget de Enlaces en Prestashop 1.7

Primer bloque de configuración del Bloque en el Widget de Enlaces en Prestashop 1.7

En el primer bloque, vemos que nos permite definir las siguientes opciones:

  • Nombre del Bloque (Definido como nombre del Bloque de enlace)
  • Gancho (Hook / Posición) de la tienda

    Posición del Bloque en el Widget de enlaces en Prestashop 1.7

Seguimos bajando la pantalla, y pasamos al segundo bloque de configuración:

Añadir Contenidos CMS en el Bloque en el Widget de Enlaces en Prestashop 1.7

  • Vemos que nos permite añadir enlaces de los contenidos que hemos creado previamente en la pestaña Diseño -> Página

    Gestión de página (contenidos) en Prestashop 1.7

Configuración de enlaces de páginas de productos en los bloques en el Widget de enlaces en Prestashop 1.7

  • Nos permite añadir en el mismo bloque tres enlaces relacionados con las páginas de productos. (Bajamos los precios (enlace hacia el listado de los productos con descuentos), Productos Nuevos (enlace hacia el listado de los nuevos productos), Lo más vendido (enlace hacia el listado de los productos más vendidos)

Enlaces (fijos) en los bloques del Widget de enlaces en Prestashop 1.7

  • Nos permite añadir también los siguientes enlaces en el bloque:
    • Enlace hacia el formulario de contacto (Contáctenos)
    • Enlace al mapa del sitio web (Mapa del sitio web)

      Mapa del sitio web en Prestashop 1.7

    • Enlace a la sección de tiendas

      Enlace hacia la sección de nuestras tiendas en Prestashop 1.7

    • Enlace hacia la sección de Mi Cuenta / Iniciar sesión

Pasamos, al tercer bloque de configuración.

Enlaces propios en los Bloques dentro de la configuración del Widget de enlaces en Prestashop 1.7

  • Podemos añadir varios enlaces de forma manual, por ejemplo vamos añadir un enlace llamado “Un friki en Japon“, que nos llevara a “http://www.razienjapon.com/

    Añadiendo nuevo enlace en los bloques en la configuración del Widget de enlaces en Prestashop 1.7

    Pulsamos en “Añadir“, y veremos, que no solo queda añadido, sino que ademas podemos añadir más enlaces

    El enlace ha quedado añadido

    Para eliminar el enlace, debemos pulsar en el icono de la “C”

    Eliminar enlaces manuales del bloque en la configuración del Widget de enlaces en Prestashop 1.7

  • Configuración/Creación de los enlaces por idioma

    Configuración de los enlaces por idioma en los Bloques en el Widget de enlaces en Prestashop 1.7

Hemos revisado de una pasada rápida las opciones que nos ofrece la configuración de los bloques, ahora vamos a ubicar un nuevo bloque en una nueva posición. Sigue leyendo