Eliminar imagen de subcategoría

[ClaudioHC]

Hola, tengo algo que me trae loco....uso Prestashop 1.6.1.4., plantilla por defecto. Web: https://telassanmiguel.com

Tengo imágenes para todas las subcategorías de mi categoría productos y está todo bien. Ahora cuando entras en la subcategoría (Carnaval en la imagen adjunta) te muestra la imagen en miniatura en la parte superior y me gustaría eliminarla!! He visto varios tutoriales de cómo hacerla mas grade para que cubra todo el ancho pero yo quiero que no la muestre y así solo se vea el texto de la subcategoría.

Ya me he animado a tocar código para cosas estéticas, lo digo por si esto ayuda ya que hasta ahora sólo hacía cosas en el backoffice...

Gracias!

 

Edited May 18, 2020 by ClaudioHC
add more info (see edit history)

[luishuaymana]

Hola @ClaudioHC,

este video es para ti.
podrás eliminar las imágenes en miniatura de las subcategorias.

https://www.youtube.com/watch?v=PTG0IvKnFjA

 

Edited June 19, 2020 by luishuaymana (see edit history)

[ClaudioHC]

Hola Luis, gracias por intentar ayudarme una vez mas pero esto no soluciona mi problema. Creo que no me he expresado bien o no me has entendido.

Yo si quiero mantener mis subcategorias y las imágenes miniaturas de las subcategorías. Lo que quiero eliminar es la imagen que aparece en la parte superior cuando accedo a una subcategoría para que solo se vea el texto de la descripción de esa subcategoría. En la foto adjunta indico con una flecha roja la foto que no quiero que muestre.

[Prestafan33]

Creo que vas a tener que editar la plantilla de tu tema, o bien crear unas reglas de CSS para ocultar esa imagen.

En el caso del CSS, he visto que el tema que tienes instalado complica bastante las cosas, ya que pone la imagen como fondo de un contenedor en el que luego mete una tabla de anchura fija (270px) donde luego muestra el texto. De modo que no basta con quitar la imagen de fondo, también tendrías cambiar el estilo de esa tabla. Te pongo un CSS que te podría servir:

#category .content_scene_cat_bg {
  background: none!important;
  min-height: unset!important;
}
#category .content_scene_cat .rte table {
  width: 100%;
  height: auto!important;
}

Este CSS tendrías que añadirlo en el archivo de estilos de tu tema (normalmente, dentro de la carpeta del tema /css/autoload/custom.css).

Edited May 18, 2020 by Prestafan33 (see edit history)

[luishuaymana]

Si te refieres a la imagen de portada ... Dentro del siguiente video te explica acerca la portada y hay un enlace a la página que explica a detalle.

https://www.youtube.com/watch?v=13p5VdHhy6k

 

Edited June 19, 2020 by luishuaymana (see edit history)

[ClaudioHC]

2 hours ago, Prestafan33 said:

Creo que vas a tener que editar la plantilla de tu tema, o bien crear unas reglas de CSS para ocultar esa imagen.

En el caso del CSS, he visto que el tema que tienes instalado complica bastante las cosas, ya que pone la imagen como fondo de un contenedor en el que luego mete una tabla de anchura fija (270px) donde luego muestra el texto. De modo que no basta con quitar la imagen de fondo, también tendrías cambiar el estilo de esa tabla. Te pongo un CSS que te podría servir:

#category .content_scene_cat_bg {
  background: none!important;
  min-height: unset!important;
}
#category .content_scene_cat .rte table {
  width: 100%;
  height: auto!important;
}

Este CSS tendrías que añadirlo en el archivo de estilos de tu tema (normalmente, dentro de la carpeta del tema /css/autoload/custom.css).

Gracias por contestar Prestafan33.

Uso la plantilla por defecto (default). La tabla la he metido yo cuando escribí la descripción de la categoría, para así poder ajustar el ancho que ocupa el texto ajustando el ancho de la tabla. La tabla la quito sin más en la descripción de la categoría y dejo el texto.

El contenedor donde está todo le tengo dado color fondo blanco (cambiando el código del css) y color gris a la letra. Es sólo cuestión de que no muestre la imagen.

[ClaudioHC]

9 hours ago, luishuaymana said:

Si te refieres a la imagen de portada ... Dentro del siguiente video te explica acerca la portada y hay un enlace a la página que explica a detalle.

 

Hola Luis, he probado a hacer lo que dices en con Google chrome inspect, eliminando el class y funciona perfectamente. El problema es que no encuentro el archivo de código real de mi web donde está eso para eliminarlo.

Aquí dos capturas de pantalla en Chrome inspect antes y después de eliminarlo.

Antes:

Después:

[luishuaymana]

https://prestademia.com/ampliar-imagen-de-portada-de-categorias-o-sub-categorias-en-prestashop/

 

 

[Prestafan33]

Aquí es donde tienes puesto el fondo:

No haces nada poniendo el fondo blanco, con "background-color", la regla "background" tiene preferencia sobre "background-color", por eso se sigue viendo. Elimina ese fondo con esta regla de CSS, y lo tendrás resuelto:

#category .content_scene_cat_bg {
  background: none!important;
  min-height: unset!important;
}

 

Edited May 19, 2020 by Prestafan33 (see edit history)

[ClaudioHC]

Solucionado!!! Muchas gracias porque esa imagen quedaba feísima.

He localizado las dos formas de hacerlo y lo escribo aquí para otros usuarios:

- Opción de Luis: acceder al archivo /themes/default-bootstrap/category.tpl

Editar la línea 48 como él indica en su video, eliminan todo lo contenido en el class de content_scene_cat_bg

 

- Opción Prestafan33: acceder al archivo /themes/default-bootstrap/css/category.css

Introducir lo que él ha comentado previamente (líneas 10 y 11 ahora en mi archivo ya modificado)

He optado por esta opción ya que editar estilos sólo cambia el diseño, no actúa sobre la funcionalidad del código y así es menos arriesgado que la lie. Es cierto que quizá sea mejor modificar el .tpl como decía Luis para eliminar mostrar la imagen o comentarlo para anularlo, porque así evitamos que la web tenga que cargar la imagen y a la vez ocultarla porque el css indica background none.

Gracias a los dos!

 

 

Edited May 19, 2020 by ClaudioHC
pictures (see edit history)