Jump to content

[Solucionado] Problema al modificar aspecto de modulos en mi theme


Recommended Posts

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!

Edited by marcoscv (see edit history)
Link to comment
Share on other sites

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!

 

Hola,

 

Para hacer un override del css del menu blocktopmenu, que el que estas intentando sobreescribir.

 

Tienes que copiar este fichero:

 

/modules/blocktopmenu/css/superfish-modified.css

 

Aquí:

 

/themes/tu-plantilla/css/modules/blocktopmenu/css/superfish-modified.css

 

Y modificar este ultimo.

 

Verifica que lo estes haciendo asi.

Link to comment
Share on other sites

La carpeta modules la tenía en /themes/, en vez de /themes/css

 

lo he cambiado y ahora funciona.

 

Si me percato de que al parecer, sólo debería de cambiar los estilos que quiero remplazar, verdad?

ha machacado estilos que contienen rutas de imaágenes, y claro, ahora no salen :)

Link to comment
Share on other sites

La carpeta modules la tenía en /themes/, en vez de /themes/css

 

lo he cambiado y ahora funciona.

 

Si me percato de que al parecer, sólo debería de cambiar los estilos que quiero remplazar, verdad?

ha machacado estilos que contienen rutas de imaágenes, y claro, ahora no salen :)

 

Yo lo que hago es, copio esto:

 

/modules/blocktopmenu/css/superfish-modified.css

 

Aquí:

 

/themes/tu-plantilla/css/modules/blocktopmenu/css/superfish-modified.css

 

(Modifico la copia, no borro nada, modifico simplemente la copia)

 

Y copio esto:

 

/modules/blocktopmenu/img/

 

Aquí:

 

/themes/tu-plantilla/css/modules/blocktopmenu/img/

 

Y asi si te coje las imagenes.

  • Like 1
Link to comment
Share on other sites

Sí, así me funciona, gracias.

 

Lo he probado todo, al dejar solo la css con ese estilo no sirve, ya que la css del modulo original ni se carga.

Es raro, pero bueno, lo entiendo y con esto ya no tendré más problemas en migraciones del theme :)

 

Mil gracias!

Link to comment
Share on other sites

Sí, así me funciona, gracias.

 

Lo he probado todo, al dejar solo la css con ese estilo no sirve, ya que la css del modulo original ni se carga.

Es raro, pero bueno, lo entiendo y con esto ya no tendré más problemas en migraciones del theme :)

 

Mil gracias!

 

Como dice "Nadie" es que el css nuevo te lo carga ahora de la nueva ruta, te lo carga enterito, por eso tienes que modificar una copia, no hacerlo de nuevo, y por eso mismo tienes que copiar la carpeta "img", del modulo, en este caso en la ruta que se ha comentado.

Edited by Rubalcaba (see edit history)
Link to comment
Share on other sites

Sí Sí, lo entendí! :D

 

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! :D

http://www.prestashop.com/forums/topic/218092-como-configurar-version-movil-de-mi-tienda/

Link to comment
Share on other sites

Sí, así me funciona, gracias.

 

Un placer ayudarte y servirte!

 

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

 

Un saludo y recuerda que estaremos en el foro, para guiarte por este mundo oscuro y tenebroso.

Link to comment
Share on other sites

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