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 otro “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.

Crear un nuevo bloque en una posición nueva en la configuración del Widget de enlaces en Prestashop 1.7
Crear un nuevo bloque en una posición nueva en la configuración del Widget de enlaces en Prestashop 1.7

¿Dónde vamos añadir el nuevo Bloque?

En la columna izquierda de la tienda (displayLeftColumn)

Nuevo Bloque en la Columna Izquierda de la tienda en Prestashop 1.7

Para ello, simplemente volvemos a la pantalla de configuración inicial del módulo y pulsamos en “Nuevo Bloque

Creando un bloque nuevo donde que vamos a ubicar en una posición nueva en Prestashop 1.7

Una vez, pulsado en “Nuevo Bloque“, en la siguiente pantalla escribimos y seleccionamos  lo siguiente:

Gestionando la creación de un nuevo Bloque en una posición nueva en el Widget de enlaces en Prestashop 1.7
  • Nombre del bloque de enlaces -> Nuevo Bloque
  • Gancho -> displayLeftColumn

Vamos a añadir un enlace manual llamado “Victor” que nos llevara a “victor-rodenas.com

Enlace manual nuevo en el Widget de enlaces

Una vez añadido y guardado los cambios, ya tendremos disponible un nuevo Bloque de enlaces en la columna izquierda de la tienda 🙂

¿Me aparece el bloque de la columna izquierda o el que he añadido en última posición y quiero que se vea más arriba?

Nos vamos a la pestaña Diseño -> Posiciones de los módulos.

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

buscamos el bloque (displayLeftColumn) y arrastramos el módulo hacia arriba.

Cambiar de orden el módulo del Widget dentro de una posición en Prestashop 1.7

TIP construido bajo la versión 1.7.1.0 de Prestashop con la versión “2.1.0” del módulo.

Indicar que a día de hoy el módulo en cuestión, tiene algunos problemas parecidos al coche de Fernando Alonso 🙂

15 comentarios sobre “Analizando el Widget de Enlaces de Prestashop 1.7”

  1. Hola Víctor,
    he generado nuevas Categorias a Inicio y también los contenidos a la página de contenidos pero no sdé porque razón al clicar en ellos no me redirecciona. He hecho un Theme hijo y no sé si es por eso o que. Estoy trabajando en local y cuando clico me sale la url amigable en la barra pero la página se queda en blanco. Podrías ayudarme por favor. Muchas Gracias
    Imma

    1. Hola Inma, por curiosidad he ido a parar a este articulo buscando en Google una duda distinta, ya aunque en principio creo que no tiene nada que ver con el articulo, me pregunto si en esa pantalla en blanco te aparece con cualquier enlace o solo con los que has creado nuevos ¿A que url te lleva? ¿Habilitastes el debug; https://victor-rodenas.com/2016/12/09/activar-el-reporte-de-errores-en-prestashop-1-7/ como dice Victor?

      ¿O simplemente haces click y no te manda a ningun sitio?

      ¿O después de tanto tiempo lo has solucionado?

      ¿Has actualizado a la versión 1.7 que han ido sacando estos meses? (1.7.1.1, 1.7.1.2, etc..?

  2. Hola, yo soy muy nueva en esto de prestashop y más en esta versión, quiero poner la columna izquierda en donde se vean mis categorias, pero por más que me voy a hook y pongo el arbol de categorias, no me aparece en la pagina, quería saber que estoy haciendo mal o como lo podria lograr desde el BO.

  3. Hola!! llevo toda la volviendome loco porque en mi prestashop 1.7 no puedo modificar el interior de los textos de aviso legal, encuentro artículos como este que te dice como añadir bloques, añadir mas opciones, pero no como editar el texto. En prestashop 1.6 se hacía en preferencias/cms , pero esa opcion no existe en la 1.7 ni encuentro algo similar… ¿Me puedes ayudar? gracias…

  4. Buenos días,
    la verdad que sus vídeos y explicaciones me están ayudando bastante con Prestashop 1.7.
    Me gustaría a ver si me pudiese ayudar, ya que se me ha desconfigurado la posición de DisplayNav1 y DisplayNav2 , quedando estás uno debajo de otro en vez de una al lado de otro.

    un saludo

    1. Te pego una captura de la posición de los módulos en el displayNav1 y displayNav2 con todo por defecto en Prestashop 1.7.2.4

      Posición módulos displayNav1 y displayNav2

      PD: Recuerda Pestaña Diseño -> Posiciones de los módulos

    2. El descuadre de DisplayNav1 y DisplayNav2 se produce porque de forma involuntaria se coloca un bloque del widget de enlaces en el hook llamado displayAfterBodyOpeningTag.

      Si es este el problema la solución es entrar en Diseño -> Posiciones de los módulos, buscar el hook displayAfterBodyOpeningTag y desenganchar el bloque Lista de enlaces de él.

      1. Muchas gracias José Manuel Rosado,

        Tenía el mismo problema que Almudena y me estuve rompiendo la cabeza para solucionarlo durante bastante tiempo. La solución fue exactamente la que explicaste.

        Saludos!!

  5. Muchas gracias por el tuto Víctor, pero me encuentro con el problema que cuando le doy a cambiar el orden de la posición de algún widget dice:”Actualización correcta” actualizo la página y sigue igual que antes de ordenar, vamos que no hace el cambio.

    Esto tendría que ponerlo en el foro más que nada, pero lo dejo aquí por si sabes o alguien se ha encontrado con este mismo problema.

    1. Me auto respondo:

      He localizado el error y se ve que es un fallo de serie, os indico como arreglarlo.

      En la página de widget, donde hay que ordenar los productos, haces un inspector de elementos y veras que la tabla tiene un id con el siguiente nombre:
      link_block_1

      Ahora vas a /modules/ps_linklist/controllers/admin/AdminLinkWidgetController.php

      Y cambias estas dos línea:
      if (!Tools::isSubmit(‘link_block_0’)) {
      por
      if (!Tools::isSubmit(‘link_block_1’)) {

      $linkBlocks = Tools::getValue(‘link_block_0’);
      por
      $linkBlocks = Tools::getValue(‘link_block_1’);

      Problema resulto 🙂

      1. Yo me he encotrado con este mismo problema, para mi es un error de prestashop, que el el linkwidget linka con el ID y deberia hacerlo con la posicion que defines en la pagina del CMS ¿no?
        Me parece un poco cutre tener que solucionar esto via php.

  6. Hola Victor..
    ¿Habría alguna forma de cambiar las URLs predefinidas de los módulos como “Los más vendidos”?
    Quiero decir, modificar el “index.php?controller=best-sales” por una URL amigable como “los-mas-vendidos”.
    Además de eso, creo que no hay ninguna opción para modificar la metadescripción y el título de esa página…

    1. Hola Marcos,

      Si la memoria no me falla, puedes cambiar las urls amigables y las metadescripciones de páginas generales, en la pestaña Preferencias => SEO & URL (en Prestashop 1.7 pestaña Parámetros de la tienda => Tráfico & SEO).

      Saludos,

Los comentarios están cerrados.