Error ‘Cannot write “No picture” image to (categories) images folder. Please check the folder’s writing permissions.’

Recientemente estuve haciendo pruebas en una instalación de prestashop, migrando un proyecto desde el entorno de desarrollo al entorno de producción, y uno de los errores que me encontré fue la aparición del mensaje ‘Cannot write “No picture” image to (categories) images folder. Please check the folder’s writing permissions.’.

Lo primero fue pensar que realmente era un tema de permisos, y revisé que los permisos de las carpetas para que fueran 755 y los ficheros 644, pero continuó el mismo mensaje.

También probé asignar permisos 777 y nada.

Así que hubo que buscar otra solución más efectiva…y realmente no me esperaba que un error indicando que tiene problemas de escritura se debiera a la falta de determinadas imágenes.

Como he dicho, el mensaje ‘Cannot write “No picture” image to (categories) images folder. Please check the folder’s writing permissions.’ lo muestra porque no encuentra las imágenes predeterminadas para la imagen ‘No picture’, es decir, para cuando falla la imagen a mostrar.

Mensaje de 'Imagen no disponible' en Prestashop.
Mensaje de ‘Imagen no disponible’ en Prestashop.

Una vez conocemos el origen del mensaje la solución es más sencilla, debemos buscar aquellos idiomas en los que las imagenes por defecto fallan y restaurarlas, o crearlas de nuevo.

Hay que tener en cuenta los siguientes directorios donde colocar las imágenes por defecto de los idiomas:

  • \img\c
  • \img\l
  • \img\m
  • \img\p
  • \img\su

Son los directorios que alojan las imágenes de categorías, productos, proveedores, etc.

Una sencilla forma de arreglar el problema será copiar y renombrar los ficheros del tipo «en*.jpg» por «es*.jpg» o el código ISO del idioma que sea necesario.

Exportar productos con imagen en Pestashop

Recientemente me he encontrado el problema de tener que exportar productos de una tienda Prestashop para importarlos en otra.

Es posible exportar los productos desde Catálogo -> Productos como vemos en la imagen:

 

ProductosPor desgracia, la información exportada es bastante pobre, aparte del hecho de no poder exportar todo el catálogo a la vez, también me he encontrado el problema de que no siempre exporta el campo de la imagen del producto. Esto es un grave inconveniente porque quiero importar un catálogo de 3000 productos, y tener que poner a mano las 3000 imágenes de productos puede resultar más que tedioso. Continuar leyendo «Exportar productos con imagen en Pestashop»

Instalación de un tema de prestashop 1.5.6

Previsualización de un tema de Prestashop

Buenas de nuevo, después de un pequeño parón que he dedicado a otros quehaceres, vuelvo con el tema del desarrollo web.

En esta ocasión, he tenido que comprar y configurar un tema de prestashop para el lanzamiento de una nueva tienda online.

Después de revisar multitud de plantillas tanto por parte de los desarrolladores como de los clientes para los que vamos a hacer el desarrollo, se ha decidido

Imagen

El tema es Pos Optima y está sacado de ThemeForest.com, web de referencia en cuanto a plantillas de prestashop se refiere.

Ha sido mi primera experiencia realizando todos los pasos desde la compra a la puesta a punto y para ser sincero, ha sido tan sencillo como esperaba. Nada más realizar el pago ya se tiene disponible la plantilla para descargar, y siguiendo los pasos indicados en el pdf que viene con la plantilla…se configura rápidamente.

Mi primer instinto fue poner la plantilla directamente en la carpeta themes y ver qué pasaba..y ocurrió lo que tenía que pasar, que se veía tremendamente mal, cometí el error de pensar que sólo con poner la plantilla en la carpeta era suficiente para que Prestashop lo interpretara debidamente.

Una vez vistos los resultados ya decidí ser más metódico y revisar la documentación entregada, y ahí me hicieron ver que me faltaba insertar la carpeta IMG con las imágenes propias del tema y la configuración de algún módulo para hacer que la visualización sea correcta.

Por último, tuve que regenerar las imágenes para que los productos insertados antes de haber puesto el tema, se visualizaran correctamente.

Una vez hecho eso, todo perfecto, ahora sólo queda aprender a modificar en el back-office de Prestashop las particularidades del tema, pero eso es otra historia.

Optimización de una web con PrestaShop

Optimización web

En anteriores post hablaba de cómo minimizar y combinar ficheros CSS y JavaScript para optimizar el rendimiento de nuestro proyecto web, haciendo uso de herramientas como CSS Minify para NetBeans, o la herramienta CSS-JS-Booster.

Ambas herramientas son muy interesantes de conocer y de usar, sin embargo, esta mañana me he dado cuenta que todo ese tiempo invertido, aunque me ha ayudado a aprender mucho sobre este tema, ha sido un poco absurdo, ya que PrestaShop cuenta en su apartado de administración avanzada con un apartado de Rendimiento donde se puede aplicar la técnica de reducción y combinación de JS y CSS así como HTML, gestión de Caché, compilación del proyecto…etc.

Como el saber nunca está de más, no diré que ha sido una pérdida de tiempo todo lo investigado con anterioridad, ya que me resultará útil en otros proyectos (o al menos eso espero).

Así que hablemos un poco de las opciones que ofrece PrestaShop para optimizar la carga de nuestra tienda:

  • Smarty.

Prestashop utiliza un motor de plantillas para PHP llamado Smarty. A la hora de tener nuestra tienda en desarrollo podemos marcar la opción ‘Forzar compilación’, pero una vez la tienda ya está en producción, esta opción debe ser desactivada para que se emplee la caché de plantillas.

  • CCC (Combine, Compress and Cache).

Marcando estas opciones, como su propio nombre indica, el propio PrestaShop optimiza nuestros CSS, JS y HTML, haciéndolos más eficientes y más ligeros.

  • Servidores multimedia.

PrestaShop ofrece la posibilidad de utilizar servidores alternativos para la carga de contenido multimedia, únicamente deberemos indicar qué servidores pueden ser llamados para obtener nuestras imágenes, CSS, JavaScript, o cualquier recurso. De esta manera, se cargarán más recursos de forma simultanea.

Gracias a la aplicación de estos métodos, haciendo el test de velocidad de carga de pingdom, se han podido ver buenos resultados, rebajando el tiempo de carga unos 2 segundos.