Jump to content

Error del modulo Top horizontal menu en internet explorer 9


panoramis

Recommended Posts

Buenas a todos los foreros prestashop, mi problema es el siguiente, tengo la version 1.4.8.2 instalada y el template black and white y en firefox se muestra perfecta la pagina de una categoria concreta, pero cuando abro la misma pagina en interent explorer me muestra mal la configuracion... a que se debe este error? alguien sabe como solucionarlo? (adjunto imagen del error)

Gracias de antemano.

post-121526-0-30272500-1347835274_thumb.jpg

Link to comment
Share on other sites

He googleado y bueno, lo que se puede hacer es detectar el navegador con php o javascript y desde allá llamar a otro sitio web (sitio web hecho para internet explorer) o otra clase de archivos css para el mismo sitio (css nuevo para explorer).

 

Busca en Google!

Link to comment
Share on other sites

Cada sitio web ordena sus colores y objetos con archivos que se llamas CSS. Estos archivos permiten visualizar distintos órdenes (lugar, medidas, tamaño, etc.) para distintos navegadores, es por esto que tu Prestashop no se ve bien en Explorer. Explorer tiene muchos problemas para interpretar de distintas maneras los CSS.

 

Lo que puedes hacer es administrar tu theme de manera que no afecte la visualización para tus clientes (instalar prestashop en tu PC, descargar el theme desde el admin de tu prestashop y editar los archivos CSS hasta que el theme se vea bien; o duplicar tu sitio web vía FTP en otra carpeta para ir modificando los CSS directamente arriba en el host para luego sobreescribir el theme).

 

Una vez hayas editado los archivos CSS dejando tu theme full para explorer, debes añadir un script que detecta navegadores y redirige archivos, para lo cual cuando alguien entre en tu sitio web, el script ordene al navegador leer los CSS que hiciste para explorer, y nos los CSS de tu theme normal.

 

También puedes añadir otro script que detecte el navegador y rediriga tu dominio a la carpeta donde duplicaste el sitio web y editaste todos los CSS.

 

Otra opción es utilizar este último script para redirigir tu dominio a una carpeta o ventana (html o php da lo mismo) en donde contenga información para el usuario diciéndole que el sitio no está disponible para Internet Explorer, tal como este sitio http://www.chilescorts.cl que si abres con Mozilla o Google Chrome se verá bien, pero si lo abres con explorer verás la sorpresa.

 

Los archivos CSS de los que te hablo los puedes ver aquí mismo viendo el código fuente del sitio, como por ejemplo este:

 

<link rel="stylesheet" type="text/css" media='screen,print' href="http://www.prestashop.com/forums/public/min/index.php?ipbv=32006&f=public/style_css/css_8/ipb_common.css,public/style_css/css_8/ipb_styles.css,public/style_css/css_8/calendar_select.css,public/style_css/css_8/ipb_ckeditor.css,public/style_css/prettify.css" />

 

Un ejemplo de redireccionamiento de CSS también puedes verlo acá, viendo el código fuente. En este ejemplo puedes ver cómo el theme tiene un CSS para explorer 7 y otro para explorer 8, debajo del ejemplo anterior:

 

<!--[if lte IE 7]>

<link rel="stylesheet" type="text/css" title='Main' media="screen" href="http://www.prestashop.com/forums/public/style_css/css_8/ipb_ie.css" />

<![endif]-->

<!--[if lte IE 8]>

<style type='text/css'>

.ipb_table { table-layout: fixed; }

.ipsLayout_content { width: 99.5%; }

</style>

<![endif]-->

En tu caso, los CSS que debes editar son todos los contenidos en el directorio CSS de tu theme (public_html/shop/themes/blackwhite/css)

 

Para ayudarte un poco puedes abrir tu sitio con Google Chrome y pretar F12 para que puedes ir viendo el código fuente y editando los CSS online.

 

Saludos!

Link to comment
Share on other sites

  • 4 weeks later...
Guest
This topic is now closed to further replies.
×
×
  • Create New...