
marcoscv
Members-
Posts
12 -
Joined
-
Last visited
Profile Information
-
Location
Madrid
-
Activity
Freelancer
marcoscv's Achievements
Newbie (1/14)
0
Reputation
-
No puedo asegurarlo, pero creo que en IE7 no funcionaba, existía otro tag tipo !hotdog o algo así Si esto es así, entre ie6 e ie7 igual aún quedan en torno al 7% de usuarios con estos retro navegadores Al final cuando te acostumbras a remplazar la css del módulo vas rápido, y ahorras muchas líneas con !important.... Digo esto, pero luego el diseño responsivo de mis prestashop lo hago todo con !inpprtants, jejejeje
-
Sin problema! Esto que te pongo es código CSS, que va en las hojas de estilo, la general del prestashop es la global.css, que se encuentra en el theme de apariencia directorio css/. este archivo contiene el grueso de los estilos de prestashop, el rollo viene cuando lo que queremos modificar es un módulo, como en tu caso el "blocktopmenu", tenemos que crear un directorio dentro de css/modules/ con el nombre del modulo, quedaría así: "Theme/css/modules/blocktopmenu" ahí metes todas las imágenes y css que tenga el módulo (lo puedes encontrar en tu prestashop, desde tu carpeta raíz /modulos/). Aquí se encuentran todos los módulos que descargas e instalas, llevan multitud de archivos, pero sólo nos interesan los archivos css y imágenes. Una vez lo tengas copiado abres el "superfish-modified.css" del módulo blocktopmenu, añades al final las lineas que comentaba antes con los colores de back que quieras para cada uno de ellos, guardas y listo Comentar que se hace de esta forma porque la prioridad de carga css que hace prestashop, primero carga el global.css, y luego los css de los módulos, por lo que si en global creas un estilo ".pepe" para un <li class="pepe"> que de un color de fondo rojo, siempre será remplazado por el valor que tenga el módulo, ya que el estilo se vuelve a cargar y por tanto remplaza los valores previamente cargados en global.css, hay gente que lo soluciona poniendo después del estilo un "!important", ejemplo: .pepe { color:red !important; } Esto hace que independientemente de cuándo sea cargado el estilo, antes o después, ese valor sea el que prevalezca sobre todos. Lamentablemente el !important no funciona en todos los navegadores, y no puedo recomendar este uso hasta que todos los navegadores de uso corriente lo acepten. Al final me he enrollado mucho.. Suerte!
-
No sé cómo he llegado aquí, veo que no se ha comentado que la solución que dieron es mediante css3, dando un color a cada posición del <a> de cada <li> en el menú, algo que queda como así: .sf-menu > li > a { color:red; } .sf-menu > li + li > a { color:blue; } .sf-menu > li + li + li > a { color:etc; } Saludos
-
Pues yo sigo igual la verdad... si he averiguado que si el producto pones que se muestre en la categoría principal, se muestra, pero la verdad es que necesito que se mantenga la misma conversión y navegación entre la tienda de escritorio y la movil Sin tener que pasar por el enlace de "todas las categorías", claro.
-
Sí Sí, lo entendí! Vengo de gestores de portales en java, y igual el tema de themes de apariencia está más profesionalizado, pero vaya, este sistema aun que termines replicando muchisimos archivos que ya existen en prestashop, pues es igual de eficaz al final. Gracias nuevamente! Tengo otro post-consulta que parece más complicado, referente al tema de movilidad, os suplicao ayuda! http://www.prestashop.com/forums/topic/218092-como-configurar-version-movil-de-mi-tienda/
-
Buenas, En la versión movil de mi tienda: http://telehinchable.es/prestashop/?mobile_theme_ok Tengo una organización de bloques diferente, lógico, por la recomposición del theme a jquerymobile, pero.. Alguien puede decirme porqué cuando entro en una categoría, no se muestran las subcategorías? http://telehinchable.es/prestashop/5-hinchables Cuando como podréis comprobar, en la versión de escritorio si que se ven perfectamente ¿qué estoy haciendo mal? No encuentro documentación sobre el theme movil.
-
Buenas compañeros, la tienda que tengo en proceso es la siguiente: http://telehinchable.es/prestashop/ Cada vez que quiero hacer un cambio de css en un módulo termino haciendolo con la propiedad !important, para que lo que modifique en el global tenga mayor importancia que cada css de cada uno de los css de módulo que son cargados después del global.css. He leído que es tan sencillo como crear una carpeta de modulos en el theme y ahi cada uno d elos tjemes con la css y los cambios que realizo, no se aplican en ingún caso, ni cambiando opciones de caché ni nada. pongo un ejemplo de una ruta del modulo de menú horizontal: themes\telehinchable\modules\blocktopmenu\css ahí es donde tengo el superfish-modified.css que deberia remplazar las propiedades del css del módulo, como podéis comprobar aquí: http://telehinchable...sh-modified.css Css de módulo http://telehinchable...sh-modified.css Hay propiedades como: .sf-menu a.sf-with-ul { padding-right: 1.8em; padding-left: 1em; } que no llegan a aplicarse nunca. ¿Qué estoy haciendo mal? ¿No podría simplemente invertir el orden de llamada a los css? de tal forma que el global se llamara el último y pudiera machacar las propiedades que no quiero sin afectar al módulo original? Gracias de antemano!
-
Muy buenas! Soy desarollador y Diseñador web principalmente, después de varios estudios sobre herramientas para B2C, me he decidido por prestashop para mis proyectos, la verdad es que hay bastante infromación y lo encuentro intuitivo, creo que he acertado con la decisión! Saludos!