WordpressToPrestashop

Módulo para ver entradas de WordPress2Prestashop

WordpressToPrestashopEste post lo voy a colgar por que me ha sido útil a la hora de añadir funcionalidades a una tienda montada con Prestashop. Se trata de un módulo del que la gente de GenWeb han programado una primera version para Prestashop: WordPress2Prestashop. Esta gente da la opción de descargarlo desde su web y utilizarlo de manera gratuita todos aquellos que queráis implementar una sección de últimas noticias o post recientes en vuestra tienda Prestashop.

Yo he modificado un poco este módulo que fue implementado para mostrar en la home page de Prestashop las últimas noticias (y sus correspondientes thumbnails) de un blog montado sobre WordPress que a su vez esté instalado en una subcarpeta del mismo dominio, por ejemplo www.urldeprestashop.com/blog aunque siguiendo los pasos descritos en este post a mi me ha funcionado utilizanto una ruta de WordPress desde fuera del dominio que estaba utilziando.

Básicamente WordPress2Prestashop lee un feed RSS y lo muestra en la parte central de la portada de la tienda. La gente de GenWeb tiene programado también un módulo que permite mostrar las últimas entradas de un blog en la barra lateral izquierda de Prestashop, pero no es lo que yo necesitaba.

Además de mostrar las últimas noticias desde un RSS externo dentro de Prestashop, en esta primera versión se pueden configurar cuántas noticias queremos que se vean, la longitud de la descripción de las mismas y añadir un título para el widget.

Los CSS para darle un poco de estilo al módulo viene escrito dentro del propio módulo por lo que a no ser que tengas conocimientos de hojas de estilos, mejor no tocar nada. Decir que esto de escribir las hojas de estilo in-line no es buena idea a la hora de puntuar el SEO, por lo que en futuras revisiones que le haga a este módulo intentaré importar desde su correspondiente hoja de estilo.

El módulo está pensado para WordPress, pero es compatible con otros muchos feeds que muestran las imágenes de sus artículos de la misma forma que WordPress lo hace. Es cuestión de informarse un poco sobre ello.

Descargar el módulo para Prestashop

INSTALACIÓN

PASO 1 – Para incorporar las imágenes destacadas (featured) de nuestros posts al feed de WordPress, y por consiguiente que estas se muestren en Prestashop con nuestro módulo, previamente instalaremos un plugin en WordPress que añada  imágenes a nuestro feed, yo recomiendo el plugin gratuito “WP RSS images”, que a pesar de ser bastante a mi me ha funcionado perfectamente en los tests con WP 4.5.2. Si alguien encuentra un módulo que haga lo mismo en WordPress, puede hacer la prueba. Si la manera de insertar la miniatura es igual, podría funcionar.

El módulo se puede descargar desde aquí e instalarlo en WordPress. Quiero recordar que este módulo añade a nuestro feed las imágenes destacadas (featured) de cada post, por lo que para que todo funcione, es indispensable que todos los posts que publiquemos tengan una “featured image”. Parece una perogrullada, pero sé por que lo dejo escrito …

Si todo ha ido bien, y visitamos el feed de nuestro WordPress en www.urldeprestashop.com/blog/feed/ veremos que el feed tiene la estructura que podéis ver en la siguiente imagen. En la captura que muestro, se puede ver que la URL no se corresponde con la que pongo de ejemplo, pero como he dicho anteriormente, esto funcionará perfectamente desde direcciones externas a nuestro dominio.

feed wordpress2prestashop

PASO 2 – Una vez tenemos el feed de WordPress preparado y compatible con nuestro módulo, debemos descargar el módulo WordPress2Prestashop e instalarlo desde el backend de Prestashop como un módulo cualquiera. Una vez está instalado sólo hay que realizar una pequeña configuración inicial para que empiece a funcionar, para ello hacemos click en “Configurar”.

Wordpress2Prestashop

PASO 3 – Tras pulsar el enlace de configuración del módulo, veremos un sencillo formulario de configuración como el que se muestra en la siguiente imagen.

El parámetro más importante a configurar es la dirección URL del feed de WordPress que queremos mostrar. Esta puede ser del tipo www.miblog.com/feed/ o www.mitienda.com/blog/feed/ o cualquier otra ruta válida de un feed WordPress. Si tu WordPress no tiene Feed, consulta el siguiente enlace.

El resto de parámetros de configuración que se muestran son el título del widget (cabecera que aparecerá sobre nuestras noticias), el máximo de palabras a mostrar (nos permite acortar la descripción de las noticias si estas son demasiado largas para nuestra portada) y el máximo de noticias a mostrar (nos permite mostrar las X últimas noticias). Si no queremos acortar la descripción del feed o limitar el máximo de items, podemos dejar los dos últimos campos en blanco.

preferencias wordpress2prestashop

RESULTADO – Si hemos realizado todos los pasos anteriores correctamente y todo ha ido bien, al visitar la portada de nuestra tienda deberíamos ver en la parte central, tirando hacia abajo, nuestra nueva sección de noticias tal y como se muestra en la siguiente captura.

wordpress2prestashop funcionando

Este módulo consta de muy pocos archivos para funcionar. Dos de ellos serán imágenes (un icono y una imagen a mostrar cuando no se pueda obtener la miniatura de la entrada), un archivo más será php y el otro XML.

WordPress2Prestashop.php

config_es.xml

Estos son los dos archivos del módulo que podéis descargar desde el enlace que he puesto más arriba. Como se puede ver queda mucho que mejorar a este lector de RSS, pero es solo cuestión de escribir un poco más de código. Salu2.

Fuente

10 thoughts on “Módulo para ver entradas de WordPress2Prestashop

  1. Rammy T. 15 junio, 2016 at 5:53 PM

    Buenísimo, aun que el css mejor en un archivo aparte (como por ejemplo en el style.css)

    • sapoclay 15 junio, 2016 at 6:24 PM

      Totalmente de acuerdo. Gracias por la visita 😉

  2. Joana 29 septiembre, 2016 at 10:39 AM

    Hola!
    Gracias por compartir el artículo, me ha venido muy bien, pero hay algo que no comprendo. Veo en la fotografía del ejemplo, que al final de cada entrada pone “Leer más”. A mí no me sale eso y me gustaría cambiarlo pero no se donde hacerlo. En mi caso lo que sale es: “La entrada (xxx) aparece primero en (nombre del blog) ¿Me podrías iluminar?
    Muchas gracias por tu tiempo.
    Un saludo.

    • sapoclay 29 septiembre, 2016 at 1:10 PM

      Hola. En primer lugar, gracias por la visita. Me alegro de que te haya sido útil el post. En cuanto a lo que me comentas, si no quieres que te aparezca el texto “La entrada (XXX) …” creo que lo solucionarías dándole un máximo de palabras en la descripción (en la configuración del módulo que instalas en prestashop), por que si entras en la url del feed, verás que este texto que quieres eliminar aparece al final. Este texto creo que tendrías que eliminarlo del plugin que instalas en wordpress. Sobre el texto “Leer más” lo encontrarás en el archivo .php del plugin de prestashop, dentro de la función hookDisplayHome. Ahí es donde podrás modificarlo a tu gusto.
      Salu2 y espero haberte ayudado, si necesitas ayuda en algo más no dudes en dejar un comentario.

      • Joana 29 septiembre, 2016 at 4:26 PM

        Muchísimas gracias!!! He podido cambiarlo, ahora queda bastante aceptable, aunque lástima que corta las frases a medias, pero vaya….. no veo que quede muy mal. He comprobado que si en el módulo no pongo ningún máximo de palabras salía esa frase que te he comentado en el anterior mensaje: “la entrada (xxx)….”, y si pongo 60 aparece otro mensaje: “la entrada”. Si pongo 55 carácteres, corta las frases donde sea y es ahí donde he añadido (para que no se vea tan mal) ” SEGUIR LEYENDO”.
        No se me ocurre donde poder eliminar esas frases, no las he localizado en el archivo .php. Pero vaya, estoy bastante satisfecha con el resultado.
        Muchsísimas gracias por tu tiempo.

        • sapoclay 29 septiembre, 2016 at 6:30 PM

          No se merecen!! Me alegra que hayas podido cambiarlo (aun que no sea exactamente como tú lo querías).

          El módulo está hecho para mostrar siempre un número determinado de palabras de cada una de las entradas que le aporta el feed de wordpress. Supongo que tú buscas algo que llegado al segundo punto y aparte coloque un “Leer más” o algo así. Solo tendrías que establecer un patrón de búsqueda con un contador en la función hookDisplayHome para que dejase de mostrarse el texto a partir de encontrarse por segunda vez el patrón que buscas (que vendría siendo el segundo punto encontrado, por ejemplo).

          En cuanto al “mensaje” que te aparece es debido al feed de wordpress, me imagino que tendrías que modificar los archivos del feed … (los puedes encontrar en la carpeta wp-include de tu wordpress). Este mensaje, te digo que es como el enlace de “leer más” que he puesto en el módulo prestashop. Para que no se muestre el mensaje yo establezco 54 palabras como máximo. Lo puedes comprobar en http://tienda.entreunosyceros.net.

          Salu2 y espero haberte ayudado, para cualquier cosa no dudes en dejar un comentario.

  3. Joana 29 septiembre, 2016 at 9:42 PM

    Gracias de nuevo por tu tiempo. Lo dejaré tal cual, no entiendo mucho de estos temas y creo que está más que correcto. Me has sido de gran ayuda.
    Saludos.

    • sapoclay 29 septiembre, 2016 at 11:24 PM

      Muy bien. Me alegro haberte sido de ayuda. Salu2.

  4. Seguro de viaje 17 mayo, 2017 at 11:15 AM

    Muy buenas. ¿De momento no funciona con la importación multiidioma no?

    • sapoclay 18 mayo, 2017 at 6:48 PM

      Pues la verdad es que no lo he probado con la importación multi-idoma. Pruébalo y comenta el resultado. Salu2.

Deja un comentario