Facebook
Twitter
RSS Feed
Newsletter
Cambio de estructura en ePages 6.11 : el formato div reemplaza la tablas en HTML Consecuencias sobre el diseño
A partir de la versión 6.11, ePages utiliza los elementos DIVs para estructurar una página. No solo permite mejorar el rendimiento y la estructura de tu tienda online sino también su visualización en los Smartphones. Si has diseñado tu tienda utilizando el editor estándar de tu interfaz de administración, no hay nada que cambiar. Pero si has utilizado código CSS propio, existe una posibilidad de que haya un impacto en la ejecución de dicho código en la nueva versión. El blog ePages te explica los pasos a seguir para resolver este problema para volver a tu diseño inicial
Hasta la versión 6.11, ePages utilizaba elementos de tabla HTML para diseñar las tiendas. .png)
Por ejemplo, para La barra de menú alineada a la derecha, escribiremos ‘tdNavbarRight’, que significa “elemento de barra de navegación alineado a la derecha”. De la misma manera, una barra alineada a la izquierda se nota ‘tdNavbarLeft’. A partir de la versión 6.11, se han eliminado los elementos siguientes
- table.Middle
- td.NavbarLeft
- td.NavbarRight
- td.ContentArea
y han sido reemplazados por
- „div.Middle” o „.Middle”
- „div.NavbarLeft” o „.NavBarLeft“
- „div.NavbarRight“ o „.NavBarRight“
- “div.ContentArea“ o „.ContentArea“
Caso Particular: Internet Explorer 7 En el Internet Explorer 7, se han creado “copias” especiales para los 3 nuevos elementos DIVs : • #NavBarLeftFix • #NavBarRightFix • #ContentAreaFix En el caso del elemento div.Middle, una copia especial no es necesaria en Internet Explorer 7. Consecuencias sobre el diseño Que significa para ti? Si has creado tu diseño gráfico con las herramientas estándares de la interfaz de administración de tu tienda, no hay de qué preocuparse. Su diseño será igual antes y después de la actualización. Pero, si has adaptado tu diseño utilizando código propio CSS, tendrás que revisar el código después de la actualización. Un ejemplo : Aquí tienes código CSS que puede ser utilizado para esconder la columna de la izquierda : <style type="text/css"> td.NavbarLeft { display: none; } </style> Tras la actualización, la escritura de este código cambiara porque la variable ‘td.NavbarLeft’ habrá cambiado de nombre. Para estar seguro de que tus modificaciones aparezcan de nuevo, revisa el código y reemplaza el “viejo” nombre del elemento de tabla por el “nuevo” DIV. En el caso anterior, la nueva escritura sería <style type="text/css"> div.NavbarLeft, #NavBarLeftFix { display: none; } </style> ¡Ya está! Con estos cambios, tu tienda online recupera su diseño original
sergio lasierra | 28. May 2011 at 08:33
Hola, con la nueva version mejorada para visualizacion en Smartphones, la tienda presenta 2 visualizaciones distintas si accedes a ella desde un ordenador, o desde un smartphone. ¿Se puede modificar la presentacion en smartphone para adaptarla a nuestro gusto? ¿se puede desactivar en un determinado momento dicha visualización y que continue mostrando la pagina como lo hacia hasta ahora?.
Ines de la Ruffie | 31. May 2011 at 14:21
Estimado Sergio,
Lo sentimos pero de momento no se puede ni modificar ni desactivar.
Paso tu pregunta como solicitud de mejoración para que nuestros desarrolladores la estudien.
No dudes en contactarnos para cualquier información complementaria.
Omar | 18. July 2011 at 09:11
Buenos dias:
Al crear unas variantes, y al insertar valores de una vaiantes, te salen todos los valores seleccionados, una vez deseleccionas una para mantener otros que quieras, y cuando pinchas en cuadrito patron que esta arriba no se deselecciona todo. ¿ Por qué? gracias
Tienda Online BESTshopping | 23. October 2011 at 16:37
Antes de la actualizacion teniamos un menu desplegable en la parte superior y ahora no funciona, no se ve cuando se despliega porque lo ahce sobre el mismo frame. ¿como se puede solucionar?
Inès de la Ruffie | 26. October 2011 at 15:06
Hola Bestshopping,
Por tu explicación parece que tienes un problema técnico ocasionado por la actualización de tu tienda. Por eso te recomendamos que contactes con tu proveedor y éste a su vez contacte con ePages. Si contactas con el proveedor asegúrate de explicarle donde está el menú que da error, el tipo y versión de tu navegador y un pantallazo del problema.
Podría ser que el motivo de que no funcione el menú desplegable es porque insertasteis un código HTML que ha dejado de ser compatible con el software de ePages tras la actualización. Si quieres puedes comprobar los códigos HTML en la interfaz de administración de tu tienda. Existen dos sitios donde comprobarlo:
- En Estilo > Mis estilos. En primer lugar aparecerá el Estilo activo y a la derecha haz clic en el vínculo “Editar elementos de página” para ver todos los códigos de estilo que habéis insertado.
Puedes suprimir uno por uno para ver cuál es que código que está dando error. Te aconsejamos copiar primero el código en otro documento antes de borrarlo, y posteriormente comprobar en la tienda si el error ha dejado de existir.
- En Opciones > Opciones generales > Opciones avanzadas. Aquí también puedes encontrar y comprobar los códigos HTML.
Esperamos que esta respuesta te haya sido de ayuda, aunque como te comentamos es mejor que contactes con el proveedor directamente para darte una atención más personalizada.
Gracias.
Saludos,
Tony | 9. November 2011 at 08:18
Hola, estamos todavía desarrollando la tienda y mi pregunta es, saber si se puede cambiar el texto “mostrar” de los productos por imagenes personalizadas, como poer ejemplo “Más Información” Gracias. Abrazos.
Inès de la Ruffie | 15. November 2011 at 13:23
Hola Tony,
Perdona por el retraso en nuestra respuesta. Desafortunadamente no es posible cambiar el texto “mostrar” de los productos puesto que pertenece a los elementos fijos de la tienda. De todas maneras hemos pasado tu pregunta a nuestro departamento de Product Management, para ver si en el futuro se puede personalizar este vínculo.
Gracias.
Saludos