Prestashop 1.7.1.1 Disponible

Hoy día 20 de abril acaban de sacar la versión 1.7.1.1 de Prestashop.

Como siempre, dejo enlace de descarga y de registro de cambios.

Descargar: https://download.prestashop.com/download/old/prestashop_1.7.1.1.zip

Log de cambios: https://www.prestashop.com/en/developers-versions/changelog/1.7.1.1-stable

Más de 15 errores corregidos con respecto a Prestashop 1.7.1.0

 

Print Friendly

Buscar y reemplazar datos masivamente en Prestashop

En esta ocasión, vamos hacer una reseña de un módulo desarrollado por el usuario franksmule de la Comunidad de Prestashop.

El módulo nos permitirá sustituir distintos valores dentro de la base de datos de nuestra tienda de forma masiva.

La instalación/subida del módulo, sin grandes problemas desde la pestaña módulos -> módulos.

Instalando módulo que nos permitirá desde el panel de administración cambiar determinados datos de forma masiva

¿Qué opciones de configuración nos ofrece el módulo?

Configuración de un módulo que nos permitirá buscar y reemplazar datos en Prestashop 1.7

  • Replace with: -> Aquí el texto “nuevo” que sustituirá al texto que hemos puesto en la anterior casilla (Find This)
  • Campos disponibles en la configuración del módulo

    Product Name -> Nombre del producto
    Product Description -> Descripción del producto
    Product Description Short -> Descripción corta del producto
    Category Name -> Nombre de la categoría
    Category Descriptión -> Descripción de la categoría

* Importante: El texto a buscar y reemplazar debe indicarse tal como está escrito. (Es decir si se llama “Pepino”, no vale buscar “pepino”, tiene que ser “Pepino”)

Realmente con un poco de ingenio, podemos hacerlo nosotros hacerlo manualmente:

Update nombreTabla SET nombre_campo = Replace (nombre_campo, ‘Valor a buscar’, ‘valor nuevo’);

Pero el módulo lo hace por nosotros y nunca viene mal un poco de ayuda.

Sigue leyendo

Print Friendly

¿Has subido un módulo y no aparece en el listado en Prestashop?

Pánico al subir un módulo en Prestashop

Pánico al subir un módulo en Prestashop

Toca hablar de un clásico, vas a la pestaña módulos -> módulos, subes un módulo, te dice que el módulo se ha subido correctamente, pero te pones a buscar en la pestaña módulos y no aparece, entonces te entra el pánico.

Una de las posibles causas es que el directorio del “módulo” no coincida con el nombre real.

Una forma de comprobarlo es descomprimir el propio módulo en tu ordenador:

Descomprimir Módulo

Una vez lo hayas descomprimido, accede a la carpeta:

Carpeta del módulo descomprimida

Accedemos a ver su contenido:

Contenido del módulo en Prestashop

Vemos que no aparece ningún fichero llamadoslidermolon.php“, lo que si vemos es el fichero “slider.php” que viene a ser en nuestro caso el nombre de la clase principal del módulo.

Clase del Módulo

Por lo tanto el nombre del directorio del módulo no se puede llamar “slidermolon“, se debe llamar “slider“.

Renombramos el directorio del módulo (atención, el directorio que tiene los ficheros del módulo en cuestión)

Cambiando nombre al directorio del módulo

Una vez renombrado, lo comprimimos 🙂

Comprimir directorio del módulo para poder subirlo en Prestashop

Ahora, nuestro fichero se llama “slider.zip”

Módulo preparado para subirlo a tienda

Evidentemente, si ya habías subido el módulo, entrar al directorio modules y ver por ejemplo estos tres casos. 

  • 1 – Que no tengas los ficheros del módulo en el directorio raíz de modules
  • 2 – Si existe una carpeta del módulo en el directorio modules que tenga el mismo nombre que la clase principal del módulo. (Como hemos visto en este ejemplo)
  • 3 – Si el nombre de la carpeta es correcto, revisar que dentro de la carpeta estén los ficheros y directorios del módulo y no la carpeta del módulo y después otra carpeta con el mismo nombre, y dentro de esa carpeta los directorios y fichero del módulo
Print Friendly

Editar mapa del sitio en Prestashop 1.7

(No confundir con el Sitemap que enviamos a los buscadores)

Hablamos de la sección dentro del tienda denominada “Mapa del Sitio“, donde podemos ver por defecto 4 bloques:

  • Nuestras Ofertas
  • Categorías
  • Su Cuenta
  • Páginas

Mapa del Sitio Web en Prestashop 1.7

Imaginemos que queremos borrar el bloque “Su Cuenta” de la sección mapa del sitio de nuestra tienda.

Bloque su Cuenta en el Mapa de Sitio de Prestashop 1.7

Nos vamos al fichero:

/themes/classic/templates/cms/sitemap.tpl

Donde lo interesante viene aquí:

<div class="col-md-3">
<h2>{$our_offers}</h2>
{include file='cms/_partials/sitemap-nested-list.tpl' links=$links.offers}
</div>
<div class="col-md-3">
<h2>{$categories}</h2>
{include file='cms/_partials/sitemap-nested-list.tpl' links=$links.categories}
</div>
<div class="col-md-3">
<h2>{$your_account}</h2>
{include file='cms/_partials/sitemap-nested-list.tpl' links=$links.user_account}
</div>
<div class="col-md-3">
<h2>{$pages}</h2>
{include file='cms/_partials/sitemap-nested-list.tpl' links=$links.pages}
</div>

Nuestra intención es ocultar la sección de “Su Cuenta”.

Sigue leyendo

Print Friendly

Sección de noticias en Prestashop

Sección de noticias en Prestashop

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

El módulo permite generar una sección de noticias que es totalmente independiente de los contenidos propios que tengamos creados en la pestaña Preferencias -> CMS (Diseño -> Páginas en Prestashop 1.7)

Veamos que nos ofrece el módulo y luego decidamos si merece la pena 🙂

Empezamos con la instalación/subida del módulo, que la hacemos desde la pestaña módulos -> módulos sin complicaciones.

Instalando módulo que nos permitirá una sección de noticias propia en Prestashop

Lo primero, que vemos es que, al instalarlo, nos aparece una nueva pestaña en el panel llamada “News

Accediendo a la gestión de noticias en Prestashop

En esa sección, vamos a poder añadir y eliminar noticias 🙂

Accedemos a la pestaña que hemos comentado y pulsamos en el botón “+”

Agregando nueva noticia en Prestashop

Veremos un formulario, donde podremos añadir el título y la descripción de la noticia.

Definiendo título y contenido de la noticia en Prestashop

  • Title -> Título de la noticia

    Titulo de la noticia

  • Contenu -> Contenido de la noticia

    Contenido de la noticia en Prestashop

  • Observamos que el módulo permite escribir la noticia y el titulo en los idiomas que tengamos activados en la tienda:

    Titulo y Noticia en distintos idiomas en Prestashop

Nosotros hemos creado dos noticias, que, si vamos al listado, veremos que nos permite modificarlas / eliminarlas (tanto individualmente como masivamente (opción Acciones agrupadas)

Listado de noticias en Prestashop

¿Cómo se ve el módulo?

El módulo se instala en la columna izquierda

Bloque Noticias en Prestashop

  • Si pulsamos sobre las noticias, nos llevara a ver la noticia

    ¿Accedemos a las noticias?

    Ver noticia individualmente

  • Si pulsamos sobre “All News” veremos el listado de noticias:
    Botón para ver el listado de noticias

    Botón para ver el listado de noticias

    Ver listado de noticias

Se me olvidaba….. en la propia configuración del módulo, dentro de la pestaña módulos -> módulos, nos ofrece una opción denominada:

Configuración propia del módulo en Prestashop

¿Dónde puedo descargar este módulo para añadir una sección de noticias a mi tienda?

Sigue leyendo

Print Friendly

Documentación – Crear módulo básico en Prestashop 1.7

He elaborado un documento, que nos permitirá conocer aspectos básicos a la hora de crear un módulo para Prestashop 1.7.

Evidentemente, si no tienes conocimientos de programación orientada a Objetos, difícilmente vas a poder lograrlo, pero tampoco tengas miedo, que nadie nace aprendiendo.

El documento está a “medio hacer” pero os puede servir, contiene los aspectos más básicos, crear formulario en el panel de administración, gestionar datos que configuremos en el panel, e imprimir esos datos luego en la tienda 🙂

Para ver el documento que nos puede servir de ayuda a la hora de crear módulos en Prestashop 1.7, pinchar en la siguiente imagen:

¿Preparado para meterte en el mundo del desarrollo en Prestashop?

¿Cómo crear un módulo en Prestashop 1.7?

Print Friendly

Efecto añadir al carrito en versiones anteriores de Prestashop

En esta ocasión, vamos hablar de una función que viene nativa en Prestashop 1.6 y posteriores, pero no en versiones anteriores 🙂

Sé que todavía quedan personas que usan Prestashop 1.5, y que alguna lee el blog.

Vamos hablar de un aporte desarrollado por el usuario Yopixel de la Comunidad de Prestashop que en su momento tuvo gran éxito 🙂

Cuando en Prestashop 1.6 y versiones posteriores añadimos un producto al carrito se nos abre una ventana mostrando información del producto, el número de productos añadidos en el carrito, etc.. 🙂 ¿no?

Añadir al carrito en Prestashop 1.6

Esta opción, en versiones anteriores de Prestashop no venía integrada 🙂

Pero gracias a un módulo se puede solventar o al menos intentarlo.

La instalación/subida del módulo, sin problemas desde la pestaña módulos -> módulos

Ventana modal del carrito en Prestashop

¿Ofrece el módulo alguna opción de configuración adicional en el panel de administración?

No, no ofrece ninguna opción de configuración en el panel

Cuando vayamos añadir un producto al carrito, se nos abrirá una ventana indicando los datos del producto, el número de productos que tenemos añadido al carrito, etc… tal como hace Prestashop en versiones posteriores.

Añadir al carrito en Prestashop 1.5 como en Prestashop 1.6

Sigue leyendo

Print Friendly

Cambiar fondos en Prestashop 1.7

En su momento, estuvimos hablando de cambiar el fondo del pie de página en Prestashop 1.7.

Siempre, os he recordado que usar firebug o inspeccionar elemento en Chrome os puede ayudar en estas ocasiones, pero bueno…

En esta guía, hablaremos de dos fondos “Cabecera” y “Cuerpo/contenedor de la tienda (parte central)

Cambiar el color de fondo de la cabecera:

Fondo blanco de la cabecera en Prestashop 1.7

Para la cabecera, podemos añadir en el fichero:

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

Nuestro propio estilo (depende modificar el “/themes/classic/assets/css/theme.css”)

Añadiendo, por ejemplo:

#header {
background: nuevo_color_de_fondo_de_la_cabecera_en_prestashop_1.7;
}

Por ejemplo, ahora la cabecera tiene color gris 🙂

Cambiando fondo de la cabecera en Prestashop 1.7

Cambiar el fondo del cuerpo (parte central) de la página:

Fondo en Prestashop 1.7

Añadimos nuestro propio estilo en el fichero:

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

#wrapper {
background: nuevo_color_de_fondo_contenedor_prestashop_1.7;
}

Nosotros hemos puesto un color “rosa”:

Fondo rosa en Prestashop 1.7

Evidentemente, solo he puesto un “mini ejemplo

Personalizar colores en Prestashop 1.7

Documento basado en Prestashop 1.7.1.0

Print Friendly

Slider adicional para Prestashop

Tanto en la actualidad como en el pasado, dentro del universo Prestashop disponemos de módulos que permiten integrar un Slider/Galería de imagenes para dar y tirar, incluso el famoso “Sliders Everywhere“, que permite crearte slider/galerías de imágenes en casi todas las posiciones de la tienda, para que tu tienda, parezca una discoteca.

En esta ocasión, al igual que hicimos en el pasado,  vamos hacer una reseña de otro módulo, pero esta vez la reseña será un poco más extensa 🙂

El desarrollador del módulo, es el usuario BlobMarket de la Comunidad de Prestashop

¿Cómo se ve el Slider en la tienda?

La instalación/subida del módulo, como suele ser habitual, la realizamos desde la pestaña Módulos -> Módulos

Instalando módulo que nos permitirá añadir un slider adicional en tu tienda en Prestashop

Una vez instalado el módulo, para poder administrarlo, lo hacemos desde la pestaña Módulos -> Slider

Accediendo a la configuración del Slider adicional para tu tienda

Al entrar a la configuración, del Slider, vemos una pantalla donde podemos administrar (añadir/modificar/eliminar) imágenes y textos del propio slider )

Dentro de la configuración del slider adicional

Por ejemplo, vamos añadir un nuevo elemento al Slider (pulsamos el botón “+”)

Agregando nuevo elemento en el Slider adicional

Una vez hemos pulsado el botón “+”, veremos la siguiente pantalla:

Insertando imagen en el slider

  • Image  -> Campo donde vamos a subir la imagen
  • Link -> Enlace que se abrirá cuando vayamos a pulsar la imagen 🙂
  • Open  in new Tab -> Si activamos la opción el enlace que asignemos se abrirá en una nueva ventana
  • Title -> Servirá tanto para el campo “alt” de la imagen, como para el título del elemento.

    Titulo Slider

  • Content -> Descripción que se mostrara luego junto con la imagen en la tienda.

    Descripción Slider

  • Button text -> Botón que se mostrara debajo de la descripción del slider (al pulsarlo nos lleva al enlace que hemos definido en la opción ‘Link’ que hemos mencionado)

    Pulsador en el Slider

  • Activado -> SI/NO (La misma opción creo que ya lo dice por si mismo, nos sirve para desactivar/activar el elemento del slider)

Básicamente, este sería el proceso de añadir una imagen al slider 🙂

Si tenemos varios elementos en el Slider, cuando estemos en la configuración del módulo, independientemente de acceder a su ficha de modificación o eliminarlos.

Modificar/Eliminar imagen del Slider

Podemos activarla/desactivarla desde el mismo listado:

Activar o desactivar elemento del Slider

Eliminar / Desactivar (Activar) también lo podemos hacer de forma masiva:

Acciones masivas en el Slider

Podemos ordenar los elementos 🙂

Ordenar elementos del Slider

Por cierto, el módulo al instalarlo, nos avisa diciendo que se instala en el pie de página el típico mensaje de “Desarrollado por XXX“, y que podemos quitarlo sin problemas desde la pestaña Módulos -> Posiciones, en el bloque “DisplayFooter”.

Instrucciones adicionales del módulo

Aunque por lo que he visto en el módulo ahora (al menos en la versión que yo he probado no lo hace) y viendo el código (solo para avanzados), veo que lo instala simplemente en el displayHeader que es donde se suelen cargar los css/jss de los módulos y en el displayTopColumn que es donde veis el slider.

Hooks donde se instala el módulo

Un módulo “sencillo” que puede servirnos de utilidad 🙂



¿Dónde podemos descargar este módulo que insertar un slider adicional?
Sigue leyendo

Print Friendly

Ancho del menú horizontal en Prestashop 1.7

Si por casualidades de la vida, has quitado el buscador que está al lado del “Menú Horizontal”, porque querías añadir más elementos en el Menú Horizontal, y ahora te encuentras que el menú no se ha extendido.

Menú Horizontal en Prestashop 1.7

Una posible solución para extender el ancho del menú horizontal en Prestashop 1.7, ocupando el espacio que antes tenía el buscador, es editando el fichero:

Editar fichero:

/themes/classic/modules/ps_mainmenu/ps_mainmenu.tpl

<div class="menu col-lg-8 col-md-7 js-top-menu position-static hidden-sm-down" id="_desktop_top_menu">

Cambiando estas líneas:

col-lg-8 col-md-7

Hablamos de subir el valor “8” y el valor “7”

¿Qué es col-lg y col-md?

Leer un poquito: http://librosweb.es/libro/bootstrap_3/capitulo_2/tipos_de_rejillas.html (Uno es para resoluciones mas pequeñas y otro para resoluciones mas grandes)

Recordar limpiar cache en la pestaña Parámetros Avanzados -> Rendimiento al terminar.

Documento basado en Prestashop 1.7.1.0

Print Friendly