Banner de Categorias

[Skarlet]

Hola, compañeros nuevamente....

Como les va? espero que todos muy bien...

Tengo una consulta.... hay alguna forma en el template normal modificar el banner de las categorías, se que se le puede puede poner una pequeña imagen a un lado, pero es posible poner una imagen de fondo en vez del color que sale? o solo se podrá por CSS dentro del código

 

[Luisejo]

Hola Skarlet, con el tema actual que tienes, que entiendo que es Classic, solo se puede modificando el código fuente.

Aqui tienes dos opciones por lo que veo, o tocar el código como te dije, o cambiar el tema de tu tienda.

Si te puedo ayudar en algo más, me dices.

Saludos.

[juanma614]

Buenas Skarlet,

Tendrias que añadirle una foto para que se te pusiese donde tienes ese espacio en amarillo y a parte, si necesitas una imagen de fondo tendrías que modificar el CSS como bien dices. Si necesitas ayuda para modificar el CSS dejame la URL de la web y encantado te ayudo

Un saludo!

[nadie]

hace 9 horas, Skarlet dijo:

Hola, compañeros nuevamente....

Como les va? espero que todos muy bien...

Tengo una consulta.... hay alguna forma en el template normal modificar el banner de las categorías, se que se le puede puede poner una pequeña imagen a un lado, pero es posible poner una imagen de fondo en vez del color que sale? o solo se podrá por CSS dentro del código

 

 

Si y No.

Por la captura aprecio que usas Prestashop 1.7

Yo te comento en base a la plantilla por defecto.

Si es la plantilla por defecto.

Si solo quieres cambiar el fondo del bloque para todas las categorías.

Depende editar el fichero: /themes/classic/assets/css/theme.css (que lo podias haber editado y añadir directamente el background al .block-category) vamos a editar el fichero /themes/classic/assets/css/custom.css (lo editamos porque tenemos justo ese fichero para añadir personalizaciones propias de css y evitar modificar el otro) y añadir instrucciones personalizadas de CSS

Por ejemplo, añade,:

 

#category .block-category {Instrucciones CSS}

En "Instrucciones CSS" añadimos el background.

Aquí: http://librosweb.es/referencia/css/background.html tienes explicado como usar la propiedad background, dependiendo de si quieres un fondo plano, una imagen, etc..

---

Por otro lado, si lo que quieres es cambiar la imagen de la categoría de ubicación, en el fichero:

 

/themes/classic/templates/catalog/listing/category.tpl

Aquí:

 {if $category.image.large.url}
        <div class="category-cover">
          <img src="{$category.image.large.url}" alt="{$category.image.legend}">
        </div>
      {/if}

Estamos imprimiendo la imagen.

Saludos,

Edited March 23, 2018 by nadie (see edit history)