{"id":551,"date":"2013-01-24T11:13:18","date_gmt":"2013-01-24T10:13:18","guid":{"rendered":"https:\/\/www.loading.es\/blog\/?p=551"},"modified":"2013-01-24T11:13:18","modified_gmt":"2013-01-24T10:13:18","slug":"solucion-imagenes-front-office-prestashop-1-5-x-en-internet-explorer","status":"publish","type":"post","link":"https:\/\/www.loading.es\/blog\/solucion-imagenes-front-office-prestashop-1-5-x-en-internet-explorer\/","title":{"rendered":"Soluci\u00f3n im\u00e1genes Front Office Prestashop 1.5.x en Internet Explorer"},"content":{"rendered":"

Muchos de vosotros\u00a0est\u00e1is\u00a0teniendo ciertos problemas con la \u00faltima versi\u00f3n de Prestashop 1.5.3.1<\/strong> e Internet Explorer 9<\/strong>.<\/p>\n

No se pueden ver las im\u00e1genes<\/strong> en el Front Office<\/strong> de Prestashop, aunque si las veamos correctamente en el Back Office.<\/p>\n

El problema est\u00e1 en una variable de Prestashop que llega vac\u00eda, y cada navegador la interpreta de una forma.<\/p>\n

En este caso, Internet Explorer 9<\/strong>, \u00a0interpreta el tama\u00f1o vac\u00edo como 0px o 1px, de tal forma que no podemos ver la imagen correctamente.<\/p>\n

Buscando por foros, no existe ninguna soluci\u00f3n al respecto, por lo que nosotros hemos modificado manualmente los archivos implicados en este error.<\/p>\n

——————————————————————————————————————————————————-<\/p>\n

Primero vamos a modificar el fichero \/modules\/homefeatured\/homefeatured.tpl<\/strong><\/p>\n

Reemplazamos en la linea 41 este c\u00f3digo:<\/p>\n

height=\u00bb{$homeSize.height}\u00bb width=\u00bb{$homeSize.width}\u00bb<\/span><\/p>\n

Por este otro c\u00f3digo:<\/p>\n

{if isset($homeSize.width) && ($homeSize.height)}width=\u00bb{$homeSize.width}\u00bb height=\u00bb{$homeSize.height}\u00bb{\/if}<\/span><\/p>\n

——————————————————————————————————————————————————-<\/p>\n

Seguimos modificando m\u00e1s ficheros, ahora\u00a0\/modules\/blockbestsellers\/blockbestsellers.tpl<\/strong><\/p>\n

Reemplazamos en la linea 37 este c\u00f3digo:<\/p>\n

height=\u00bb{$smallSize.height}\u00bb width=\u00bb{$smallSize.width}\u00bb<\/span><\/p>\n

Por este otro c\u00f3digo:<\/p>\n

{if isset($smallSize.width) && ($smallSize.height)}width=\u00bb{$smallSize.width}\u00bb height=\u00bb{$smallSize.height}\u00bb{\/if}<\/span><\/p>\n

——————————————————————————————————————————————————-<\/p>\n

Seguimos modificando m\u00e1s ficheros, ahora \/modules\/blocknewproducts\/blocknewproducts.tpl<\/strong><\/p>\n

Reemplazamos en la linea 34 este c\u00f3digo:<\/p>\n

height=\u00bb{$mediumSize.height}\u00bb width=\u00bb{$mediumSize.width}\u00bb<\/span><\/p>\n

Por este otro c\u00f3digo:<\/p>\n

{if isset($mediumSize.width) && ($mediumSize.height)}width=\u00bb{$mediumSize.width}\u00bb height=\u00bb{$mediumSize.height}\u00bb{\/if}<\/span><\/p>\n

——————————————————————————————————————————————————-<\/p>\n

Seguimos modificando m\u00e1s ficheros, ahora \/themes\/default\/product.tpl<\/strong><\/p>\n

Reemplazamos en la linea 179 este c\u00f3digo:<\/p>\n

width=\u00bb{$largeSize.width}\u00bb height=\u00bb{$largeSize.height}\u00bb<\/span><\/p>\n

Por este otro c\u00f3digo:<\/p>\n

{if isset($largeSize.width) && ($largeSize.height)}width=\u00bb{$largeSize.width}\u00bb height=\u00bb{$largeSize.height}\u00bb{\/if}<\/span><\/p>\n

———————————————–<\/p>\n

Reemplazamos en la linea 184 este c\u00f3digo:<\/p>\n

width=\u00bb{$largeSize.width}\u00bb height=\u00bb{$largeSize.height}\u00bb<\/span><\/p>\n

Por este otro c\u00f3digo:<\/p>\n

{if isset($largeSize.width) && ($largeSize.height)}width=\u00bb{$largeSize.width}\u00bb height=\u00bb{$largeSize.height}\u00bb{\/if}<\/span><\/p>\n

———————————————–<\/p>\n

Reemplazamos en la linea 200 este c\u00f3digo:<\/p>\n

height=\u00bb{$mediumSize.height}\u00bb width=\u00bb{$mediumSize.width}\u00bb<\/span><\/p>\n

Por este otro c\u00f3digo:<\/p>\n

{if isset($mediumSize.width) && ($mediumSize.height)}width=\u00bb{$mediumSize.width}\u00bb height=\u00bb{$mediumSize.height}\u00bb{\/if}<\/span><\/p>\n

——————————————————————————————————————————————————-<\/p>\n

Seguimos modificando m\u00e1s ficheros, ahora\u00a0\/themes\/default\/product-list.tpl<\/strong><\/p>\n

Reemplazamos en la linea 42 este c\u00f3digo:<\/p>\n

{if isset($homeSize)} width=\u00bb{$homeSize.width}\u00bb height=\u00bb{$homeSize.height}\u00bb{\/if}<\/span><\/p>\n

Por este otro c\u00f3digo:<\/p>\n

{if isset($homeSize.width) && ($homeSize.height)}width=\u00bb{$homeSize.width}\u00bb height=\u00bb{$homeSize.height}\u00bb{\/if}<\/span><\/p>\n

——————————————————————————————————————————————————-<\/p>\n

De esta forma, si existe la variable $height o\u00a0$width, a\u00f1adiremos el par\u00e1metro height y width a la imagen.<\/p>\n

Si no existe, todos los navegadores interpretan correctamente el tama\u00f1o de la imagen.<\/p>\n","protected":false},"excerpt":{"rendered":"

Muchos de vosotros\u00a0est\u00e1is\u00a0teniendo ciertos problemas con la \u00faltima versi\u00f3n de Prestashop 1.5.3.1 e Internet Explorer 9. No se pueden ver las im\u00e1genes en el Front Office de Prestashop, aunque si las veamos correctamente en el Back Office. El problema est\u00e1 en una variable de Prestashop que llega vac\u00eda, y cada navegador la interpreta de una…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[49],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/551"}],"collection":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":17,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/551\/revisions"}],"predecessor-version":[{"id":568,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/551\/revisions\/568"}],"wp:attachment":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media?parent=551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/categories?post=551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/tags?post=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}