Problemas con las imágenes en Prestashop 1.5.x

Si tienes problemas con las imágenes en Prestashop puede ser porque estás usando la versión 1.5.3.2, la cual tiene problemas en el front-end de Prestashop.

Uno de los problemas es que el importador da problemas, tanto en la versión 1.5.2.0 como en la 1.5.3.2. Para ello hay que cambiar el siguiente fichero por el existente en la carpeta /controllers/admin:

Descarga el archivo del enlace para ver el código fuente del fichero: AdminImportController

El problema está en una variable de Prestashop que llega vacía, y cada navegador la interpreta de una forma.

En este caso, Internet Explorer 9, interpreta el tamaño vacío como 0px o 1px, de tal forma que no podemos ver la imagen correctamente.

Buscando una solución al problema, encontré este foro donde daban con una solución: http://www.loading.es/blog/2013/01/24/solucion-imagenes-front-office-prestashop-1-5-x-en-internet-explorer/

——————————————————————————————————————————————————-

Primero vamos a modificar el fichero /modules/homefeatured/homefeatured.tpl

Reemplazamos en la linea 41 este código:

height="{$homeSize.height}" width="{$homeSize.width}"

Por este otro código:

{if isset($homeSize.width) && ($homeSize.height)}width="{$homeSize.width}" height="{$homeSize.height}"{/if}

——————————————————————————————————————————————————-

Seguimos modificando más ficheros, ahora /modules/blockbestsellers/blockbestsellers.tpl

Reemplazamos en la linea 37 este código:

height="{$smallSize.height}" width="{$smallSize.width}"

Por este otro código:

{if isset($smallSize.width) && ($smallSize.height)}width="{$smallSize.width}" height="{$smallSize.height}"{/if}

——————————————————————————————————————————————————-

Seguimos modificando más ficheros, ahora /modules/blocknewproducts/blocknewproducts.tpl

Reemplazamos en la linea 34 este código:

height="{$mediumSize.height}" width="{$mediumSize.width}"

Por este otro código:

{if isset($mediumSize.width) && ($mediumSize.height)}width="{$mediumSize.width}" height="{$mediumSize.height}"{/if}

——————————————————————————————————————————————————-

Seguimos modificando más ficheros, ahora /themes/default/product.tpl

Reemplazamos en la linea 179 este código:

width="{$largeSize.width}" height="{$largeSize.height}"

Por este otro código:

{if isset($largeSize.width) && ($largeSize.height)}width="{$largeSize.width}" height="{$largeSize.height}"{/if}

———————————————–

Reemplazamos en la linea 184 este código:

width="{$largeSize.width}" height="{$largeSize.height}"

Por este otro código:

{if isset($largeSize.width) && ($largeSize.height)}width="{$largeSize.width}" height="{$largeSize.height}"{/if}

———————————————–

Reemplazamos en la linea 200 este código:

height="{$mediumSize.height}" width="{$mediumSize.width}"

Por este otro código:

{if isset($mediumSize.width) && ($mediumSize.height)}width="{$mediumSize.width}" height="{$mediumSize.height}"{/if}

——————————————————————————————————————————————————-

Seguimos modificando más ficheros, ahora /themes/default/product-list.tpl

Reemplazamos en la linea 42 este código:

{if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if}

Por este otro código:

{if isset($homeSize.width) && ($homeSize.height)}width="{$homeSize.width}" height="{$homeSize.height}"{/if}

——————————————————————————————————————————————————-

De esta forma, si existe la variable $height o $width, añadiremos el parámetro height y width a la imagen.

Si no existe, todos los navegadores interpretan correctamente el tamaño de la imagen.