Jump to content

Cambiar imagen de subcategoria por texto


Juan Pablo Pierucci

Recommended Posts

Hola! 

 

Cuando hacemos clic en una categoría padre se abre una página que muestra las subcategorias con sus imágenes en miniatura y su correspondiente nombre abajo de cada imagen. Lo que yo quiero es que no haya imagen y que en su lugar se vea solo el texto con el nombre de la subcategoría.

Adjunto una captura de una web (no es la mía) en la que se vé el resultado que estoy buscando.

Agradezco ayuda para saber cómo conseguirlo

 

Saludos

Juan Pablo

Captura de pantalla.png

Link to comment
Share on other sites

1 hour ago, Juan Pablo Pierucci said:

Hola! 

 

Cuando hacemos clic en una categoría padre se abre una página que muestra las subcategorias con sus imágenes en miniatura y su correspondiente nombre abajo de cada imagen. Lo que yo quiero es que no haya imagen y que en su lugar se vea solo el texto con el nombre de la subcategoría.

Adjunto una captura de una web (no es la mía) en la que se vé el resultado que estoy buscando.

Agradezco ayuda para saber cómo conseguirlo

 

Saludos

Juan Pablo

Captura de pantalla.png

Con un poco de CSS se puede hacer, pero necesitaría ver tu web para ver qué estilos tiene y decirte los estilos que tienes que poner. Con darle un display:none a las imágenes  de las subcategorías para ocultarlas, y algo de estilo a la caja que contiene el título, te puede quedar igual.

Link to comment
Share on other sites

38 minutes ago, Juan Pablo Pierucci said:

Gracias!

Este es mi sitio web:

https://pianopartes.com/

Te agradezco de antemano por tu ayuda!

¿Te vale este resultado?

image.png.f714f3a03ccdbe1d4c3a7f5a1caa830a.png

Para que te quede así, abre el archivo custom.css que está en themes/classic/assets/css y copia este código y dale a guardar:

#subcategories ul li .subcategory-image {

         display:none !important;

}

#subcategories ul li h5{

    padding: 20px;

    -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.35);

    -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.35);

    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.35);

    background-color: #333;

}

Recuerda borrar la caché desde Parámetros avanzados->rendimiento una vez guardes cambios. Si prefieres otro estilo, color, letra más pequeña o lo que sea, dime y te digo lo que hay que cambiar, no es muy complicado.

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

4 hours ago, Juan Pablo Pierucci said:

Mi version de prestashop es 1.6.1.24

No he trabajado con Prestashop 1.6. Imagino que en default-bootstap/css debes tener al menos un archivo global css o algo así, no sé cómo se llamará en PS1.6, puedes poner el código que te puse ahí también, pero si actualizas la plantilla en el futuro, esos cambios se perderán.

También puedes buscar algún módulo donde poder poner tus estilos css personalizados, como el de htmlbox, contentbox o este que he visto también gratuito https://dh42.com/free-prestashop-modules/prestashop-free-css-module/ y metes ahí el código que te puse.

 

Link to comment
Share on other sites

  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...